1. 程式人生 > >表單包裹的單個文字框,回車鍵自動提交表單

表單包裹的單個文字框,回車鍵自動提交表單

問題:當一個表單只包含一個文字框的時候,當文字框獲取焦點之後,按回車鍵,表單會被自動提交。

原因:瀏覽器預設事件。瀏覽器預設在這種情況下的回車鍵就是提交操作,會自動觸發submit事件。

解決方法:有3種。

   1.去掉form層,手動提交,不依賴於form。

   2.新增一個input輸入框,例如:<input style="dispaly:none">,注意<input type="hidden">是不生效的。

   3.阻止瀏覽器預設事件。

function disableEnterSubmit(){
	var event = event ? event : window.event;
	if(event.keyCode == 13){
		return false;
	}
}

相關推薦

包裹單個文字回車鍵自動提交

問題:當一個表單只包含一個文字框的時候,當文字框獲取焦點之後,按回車鍵,表單會被自動提交。 原因:瀏覽器預設事件。瀏覽器預設在這種情況下的回車鍵就是提交操作,會自動觸發submit事件。 解決方法:有3種。    1.去掉form層,手動提交,不依賴於form。    

layui 驗證案例文字手機郵箱textarea等格式的驗證

文字框,手機,郵箱,textarea等格式的驗證 <script src="layui/layui.js"></script> <script src="layu

form通過find查詢元素回車自動提交

$("#form").find('input').on('keyup',function(event){ if(event.keyCode == 13){ $("#form").submit()

input等文字為只讀不可編輯的方法

一、disabled 屬性 二、readonly 屬性 三、readonly unselectable="on" 屬性 一、disabled 屬性 disabled 屬性規定應該禁用 input 元素,被禁用的 input 元素,不可編輯,不可複製,不可選擇,不能

JS 以及JQuery 獲取文字選按鈕的值

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <me

讓form的input文字不可編輯的方法

有兩種方法可以達到類似的效果: disabled :屬性規定禁用 input 元素,不可編輯,不可複製,不可選擇,不能接收焦點, 後臺也不會接收到傳值。設定後文字的顏色會變成灰色。disabled 屬性無法與<input type="hidden"> 一起使用。 read

Java Swing 複習(1)SWING基本元件使用案例:文字密碼文字複選選按鈕下拉列表

一:JAVA SWING 基本元件1      .簡介Swing是一個用於開發Java應用程式使用者介面的開發工具包,是由純Java實現的。以抽象視窗工具包(AWT)為基礎使跨平臺應用程式可以使用任何可插拔的外觀風格,不依賴作業系統的支援,這是它與AWT元件的最大區別。Swi

android自定義文字後面帶清空按鈕

class MyEditText extends EditText { private final String TAG = "MyEditText"; private Drawable dRight; private Rect rBounds; // 構造器 public MyEditText(Conte

JQuery 動態建立自動提交

前言:寫這個是為了實現使用cookie進行自動登入的功能, 下面的程式碼是一個元素一個元素進行建立和賦值的, (可以嘗試下將所有的html程式碼(form、input)全部拼好以後放到${ } 中,再進行提交。) submit的時候注意下寫法,就這樣 //獲取cookie中的

一個頁面有一個文字一個按鈕如何判斷bug是前端還是後臺的?

要做判斷的原因:1、判斷這個bug是前端還是後臺的,如果判斷準確了,方便我們找對應的人溝通,減少溝通成本, 2、提升測試人員自己定位問題的能力 在分析這個之前,我們先講一講前臺和後臺的區別 前端“主要是負責頁面的展示, 以及一些校驗,比如字串的長度格式校驗 ,當然

Validation阻止自動提交使用Ajax提交(使用Validation的submitHandler方法)

在使用Validation時,我們有時候不希望驗證成功後直接跳轉頁面(比如判斷登入密碼使用者名稱正確與否),而希望自己使用Ajax提交,並且驗證回撥的結果。 $('.login-form').validate({

iOS 中使用JS提取網頁資料自動提交

1.首先用一個webview載入網頁     webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)];     webView.delegate

jQuery 設定 checkbox 選/複選attr 不可行prop 才是正確答案

jQuery 設定 checkbox 單選/複選框,attr 不可行,prop 才是正確答案 今天通過百度查到一些用 jQuery 設定 checkbox 的方法,絕大部分都是用 attr,但是胡出現離奇的 BUG,腦殼兒疼: 第一次可以正確選中,但是第二次,和上一次一樣

實現按鈕的左鍵擊和右鍵擊事件 編輯回車鍵和ctrl+enter組合鍵訊息響應

                      實現按鈕的左鍵單擊和右鍵單擊事件   實現編輯框的回車鍵和ctrl+enter組合鍵訊息響應 VC+MFC裡按鈕只有單擊和雙擊訊息,要實現做簡單幾何右鍵單擊,得在PreTransLateMessage裡面實現; 對話方塊的Pre

利用ajaxSubmit無重新整理非同步上傳匯入Excel無重新整理提交

前臺頁面程式碼: <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.fo

.net伺服器控制元件文字密碼文字區域的控制元件的使用

<%@ Page Language="c#" %> <script runat="server"> void Page_Load() { Message1.Text = ""; Message2.Text = ""; Message3.Text = "

c# 文字窗體開啟後如何讓某指定文字獲取焦點  Form1_Activated 中textbox1.focus()即可

進入視窗後預設聚焦到某個文字框,兩種方法: ①設定tabindex 把該文字框屬性裡的tabIndex設為0,焦點就預設在這個文字框裡了。 ②Winform的Activated事件 在Form的Activated事件中新增textBox1.Focus(), 即可獲

Android 文字編輯裡的圖片點選事件

這個方法是通用的,不僅僅適用於EditText,也適用於TextView、AutoCompleteTextView等控制元件。 Google官方API並沒有給出一個直接的方法用來設定右邊圖片的點選事件,所以這裡我們需要通過點選位置來判斷點選事件 今天來設定右邊清空的簡單邏輯

【前端】在文字回車鍵搜尋

<form method="post" action="/index.php?controller=blog&action=stage" > <input type="tex

nodejs 處理上傳檔案時獲取不到資料

from表單上傳檔案時,為保證檔案正確的編碼格式,我們會為form設定 enctype="multipart/form-data" 屬性,但此時我們又不能獲取到input傳遞的值。 表單中enctyp