form表單的提交方式

2022-09-07 21:15:31 字數 1477 閱讀 8435

最基本的提交方式,,或者提交,這兩種方式效果是一樣的。如果需要再提交表單之前進行驗證,可以在form標籤中設定onsubmit屬性,如下

函式mysubmit()如下:

使用js的submit()(注意:此函式不是jquery的,而是html dom的方法)函式進行表單提交,此類表單提交不會觸發onsubmit控制代碼,因此如果需要驗證表單,不能依賴onsubmit進行驗證,可以用如下方式:

<

form

id="form1"

action

="<%=basepath%>code/getcode"

>

<

label

>name

label

>

<

label

><

input

name

="name"

value

="">

label

>

<

label

><

button

type

="button"

onclick

="myfun()"

>提交

button

>

label

>

form

>

函式myfun的**如下

使用jquery的submit()方法,區別於js原生的submit方法,jquery的submit方法是能夠觸發onsubmit控制代碼的,看下面的例子

<

form

id="form1"

action

="<%=basepath%>code/getcode"

onsubmit

="return mysubmit()"

>

<

label

>name

label

>

<

label

><

input

name

="name"

value

="">

label

>

<

label

><

button

type

="button"

onclick

="myfun()"

>提交

button

>

label

>

form

>

js**如下:

4.ajax的方式提交

準確來說,這不算表單提交,只能是ajax請求。

form 表單提交方式

表單可實現無重新整理頁面提交,無需頁面跳轉,如下,通過乙個隱藏的iframe實現,form表單的target設定為iframe的name名稱,form提交目標位當前頁面iframe則不會重新整理頁面 一般表單提交通過type submit實現,input type submit 瀏覽器顯示為butt...

form表單提交的幾種方式

表單提交方式一 直接利用form表單提交 html頁面 controller頁面 package com.help.demo.controller import org.springframework.stereotype.controller import org.springframework....

form表單提交轉為ajax方式提交

要轉為ajax方式提交,需要做以下幾個改變 1.將form元素的屬性action和method去掉,新增id myform form元素就變為 2.將提交按鈕的button的type submit 改為type button 3.在js檔案中寫入 function 這樣,就可以愉快地將form表單提...