提交表單方案總結

2021-07-02 22:55:01 字數 1764 閱讀 8772

1、方式一:表單提交:在此方式中需要置頂表單的action屬性,將提交按鈕的type屬性改為submit。如下:

<

formname="userform"

target="_self"

id="userform" action=「#」 method=「post」

>

="username"type

="text"class

="text1"id

="username"

size="20"

maxlength="20">

="password"type

="password"class

="text1"

id="password"

size="20"

maxlength="20">

="center">

="btnadd"class

="button1"type

="submit"id

="btnadd"

value="新增"

onclick="adduser()">

div>

form>

2、方式二:使用js提交表單,通過按鈕觸發js事件,獲取表單id進行提交。如下:

1)表單資訊如下:

<

formname="userform"

target="_self"

id="userform"

>

="username"type

="text"class

="text1"id

="username"

size="20"

maxlength="20">

="password"type

="password"class

="text1"

id="password"

size="20"

maxlength="20">

="center">

="btnadd"class

="button1"type

="button"id

="btnadd"

value="新增"

onclick="adduser()">

div>

form>

2)js提交**如下:

function 

adduser()  }

3、方式三:利用ajax進行提交,(當文字框失去焦點時觸發提交事件)如下

1)html**:

<

input

name="userid"

type="text"

class="text1"id=

"userid"

size="10"

maxlength="10"

onkeypress="useridonkeypress()"

value="<%=

userid %>" 

onblur="validate(this)">id="spanuserid">span>

2)js驗證**

Ajax 提交表單方式

由於日期的問題,需要把表單處理一下在提交。可以用使用jquery ajax serialize 方法 定義和用法 serialize 方法通過序列化表單值,建立 url 編碼文字字串。您可以選擇乙個或多個表單元素 比如 input 及 或 文字框 或者 form 元素本身。序列化的值可在生成 aja...

回車提交表單解決方案

1 首先我們來實現一按回車就自動提交表單的功能 這個其實比較容易,只要表單中含有乙個 提交 的按鈕,在文字框中輸入內容後按回車就會自動提交這個表單,如果不想讓提交按鈕出現在頁面上,可以這樣寫,按鈕同樣有效,只是被隱藏了 view plainprint?另外如果表單中只有乙個文字框,沒有提交按鈕,也會...

表單自動提交的總結

以下結論都已經過測試。以下是輸入框獲得焦點之後,點選回車的表單提交情況測試 1.乙個表單中只有乙個輸入框時,會自動提交,有多個輸入框時不會自動提交。例如 1 form name frm action 2 input type text name username 唯一的輸入框 3 input typ...