1. 程式人生 > >form內只有一個輸入框時,按回車會自動提交

form內只有一個輸入框時,按回車會自動提交

  昨天碰到一個問題,一個新增頁面,本來我的提交按鈕是button型別的,<input type="button" value="提交" onclick="sub()"> 當我輸完名稱的時候,隨手按了個回車,發現表單自動提交了,而其他頁面也是這麼寫的,都沒這個問題。這樣一來,頁面上js的sub()方法裡的操作都不起作用。

      後來發現這個頁面與其他頁面唯一的不同是,只有一個名稱是輸入框,其他的是下拉選擇框,問題就是出在這裡, 如果form表單內只有一個輸入框時,按回車會自動提交的。

      解決辦法:首先試著在頁面上加個隱藏域,因為它也是input標籤的,發現沒用。最後想到對輸入框增加一個onkeydown屬性, onkeydown="if(event.keyCode==13){return false;}" ,問題解決了。

原作者地址http://blog.csdn.net/wikijava/article/details/5258054

相關推薦

form只有一個輸入,回車自動提交

  昨天碰到一個問題,一個新增頁面,本來我的提交按鈕是button型別的,<input type="button" value="提交" onclick="sub()"> 當我輸完名稱的時候,隨手按了個回車,發現表單自動提交了,而其他頁面也是這麼寫的,都沒這個

input只輸入數字和js校驗是否輸入只有數字以及游標放輸入輸入裡內容消失

input只輸入數字和js校驗是否輸入框只有數字以及游標放輸入框時,輸入框裡內容消失 input框只能輸入數字: 1 onkeyup="value=value.replace(/[^\d]/g,'')" js校驗是否是純數字 1 if(isNaN(bankAccountNo)){ 2

03 React快速入門(三)——實現從一個輸入中新增完資料後此輸入內容清除的功能

功能描述:       我們在一個輸入框輸入內容,然後點選新增按鈕,此輸入框的內容就會新增到頁面上,但是此輸入框中還存在上次輸入的內容,我們想在每次輸入新增完成之後,此輸入框中的內容就會清除,如圖:      

顯示輸入游標自動定位到輸入內容的最後

思路就是利用input元素中的setSelectionRange方法 setSelectionRange(posstart,posend)用來選中被focus的輸入框的特定範圍. 開始位置和結束位置設定為內容的總長度,游標就會定位到內容最右邊。 <body>

python+selenium十二:一個輸入雙層input標籤 python+selenium十二:一個輸入雙層input標籤

python+selenium十二:一個輸入框雙層input標籤   先點選第一個,再對第二個進行操作,否則操作失敗 driver.find_element_by_css_selector(".pwd").click()driver.find_element_b

python+selenium十二:一個輸入雙層input標簽

點擊 key word select clas cli nbsp 操作 pos 先點擊第一個,再對第二個進行操作,否則操作失敗 driver.find_element_by_css_selector(".pwd").click()driver.find_eleme

微信小程式例子——使用form表單獲取輸入資料

1、效果展示 2、關鍵程式碼 index.wxml 使用者名稱: 密碼: 登入 重置 {{tip}}{{userName}}{{psw}} index.js

mybatis學習-入門(6)-實際例子,輸入使用者註冊,並在離開使用者名稱輸入檢查使用者是否存在

我們使用bootstrap+mybatis+spring展示一個實際示例: 輸入使用者註冊,並在離開使用者名稱輸入框時檢查使用者是否存在. 輸入使用者名稱,當焦點離開使用者名稱輸入框,檢查輸入的使用者名稱是否存在。不存在,則打對號,否則打叉號。 輸入有效的使用者名

JS實現回車鍵切換到下一個輸入

進入正題之前,首先說明一下這裡的情況。 因為我的input輸入框全部都是使用JS程式碼動態生成的,也就是說我在頁面裡面點選一次按鈕就會生成幾個輸入框。所以我使用了JQuery的$("#id").on("keydown","input",function()特性來實現捕捉總輸

bug:單擊任何其他頁面的輸入自動跳轉到首頁

點選任何其他頁面的輸入框時自動跳轉到首頁,自己沒有新增任何操作,自動就跳轉了! 新接手的專案,完善功能後發現這個問題,找了半天,看是不是在哪綁定了事件,都沒找到,然後在網頁上用F12除錯,看到input裡面有個<a>標籤,每個分頁都有,估計出錯在這,然後再檢查程

LinuxC練習:停車場專案:停車場是一個能放 n 輛車的狹長通道,只有一個大門,汽車到達的先後次序停放。若車場滿了,車要停在門 外的便道上等候,一旦有車走,則便道上第一輛車進入。當停車場中

基本功能要求:          (1)建立三個資料結構分別是:停放棧、讓路棧、等候佇列。          (2)輸入資料模擬管理過程,資料(入或出,車號)功能描述:進車登記、出車登記、按車牌號查詢停車車輛資訊、查詢出入車記錄、          查詢場內車輛資訊、查詢等候

form表單 input輸入及屬性

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>form表單</title> </head> <

手機點選輸入,當鍵盤彈起,介面上彈,鍵盤收起,介面下來

var wHeight = window.innerHeight; //獲取初始可視視窗高度 window.addEventListener('resize', function(){

bootstraptable 行多個輸入編輯,儲存

效果如下: 點選輸入框可修改輸入框的值,修改完後點擊儲存 注意:沒有修改的值不儲存 columns程式碼如下: columns: [{ title: '標題', field: 'channelname', align: 'center',

Bootstrap3基礎 form-control 圓角的輸入,光標放入後邊框變色

文檔 tst x64 三思而後行 ots inf 加載 所有 mar ? 內容 參數 ??OS ??Windows 10 x64 ??browser ??Firefox 65.0.2 ??framework?? ??Bootstrap 3.3.7

那個程式設計師說一個輸入要做一週

### 導航 - 前言 - 一個輸入框你要做一週? - 拿來主義 - 約定俗成 - 盲目照搬 - 面子與裡子 - 瞎猜、自嗨 - 使用者場景 - 缺失的邏輯 - 產品的生命力 - 產品是有生命的 - 系統性思考 - 持續賦能才有價值 - 工具人 vs 匠人 - 工

[Word]解決Word中執行輸入操作後面字符自動被刪除的問題

字符 位置 狀態 問題 找不到 輸入 自動 就會 題解 問題分析:這是由於當前輸入方式為“改寫”,在此方式下,如果某個位置處後面有其他字符,當在此位置執行輸入操作時,就會默認刪除其後的所有字符。 解決方案:Word窗口下邊緣狀態欄,找到“改寫”按鈕,點擊,使其切換為“插入”

Android開發---手機號碼輸入(滿11位自動跳到下個輸入

package com.jixiong.teen.view; import android.content.Context; import android.text.Editable; import android.text.Selection; import androi

輸入顯示輸入提示,點選消失。沒輸入直接提交提交輸入內容為空,不提交顯示的提示文字

之前的方法 是用div 顯示輸入的文字。點選後div後讓input 輸入框獲取焦點,div隱藏。滑鼠離開input div顯示。  在一次抓取中 從抓取網站看到的方法。 現在這次自己好像用到了,就想起這個方法,結果效果不錯。馬上記錄下來 <input id="kw"

window.open打開一個新空白頁面,不自動刷新【解決方案】

form turn targe push .get action html pos bstr 調用js方法: function BuildPostForm(fm, url, target) { var e = null, el = []; if (