表單可實現無重新整理頁面提交,無需頁面跳轉,如下,通過乙個隱藏的iframe實現,form表單的target設定為iframe的name名稱,
form提交目標位當前頁面iframe則不會重新整理頁面
<form
action
="/url.do"
method
="post"
target
="targetifr"
>
<
input
type
="text"
name
="name"
/>
form
>
<
iframe
name
="targetifr"
style
="display:none"
>
iframe
>
一般表單提交通過type=submit實現,input type="submit",瀏覽器顯示為button按鈕,通過點選這個按鈕提交表單資料跳轉到/url.do
<form
action
="/url.do"
method
="post"
>
<
input
type
="text"
name
="name"
/>
<
input
type
="submit"
value
="提交"
>
form
>
js事件觸發表單提交,通過button、鏈結等觸發事件,js呼叫submit()方法提交表單資料,jquery通過submit()方法
<form
id="form"
action
="/url.do"
method
="post"
>
<
input
type
="text"
name
="name"
/>
form
>
js: document.getelementbyid("form").submit();
jquery: $("#form").submit();
採用ajax非同步方式,通過js獲取form中所有input、select等元件的值,將這些值組成json格式,通過非同步的方式與伺服器端進行互動,
一般將表單資料傳送給伺服器端,伺服器端處理資料並返回結果資訊等
<form
id="form"
method
="post"
>
<
input
type
="text"
name
="name"
id="name"
/>
form
>
var params =
$.ajax(
});
<form
action
="/url.do"
method
="post"
>
<
input
type
="text"
name
="name"
/>
<
input
type
="submit"
value
="提交"
使用form表單進行上傳檔案需要為form新增enctype="multipart/form-data" 屬性,除此之外還需要將表單的提交方法改成post,
如下 method="post", input type的型別需要設定為file
<form
action
="/url.do"
enctype
="multipart/form-data"
method
="post"
>
<
input
type
="file"
name
="name"
/>
<
input
type
="submit"
value
="提交"
>
form
>
form 表單提交方式
表單可實現無重新整理頁面提交,無需頁面跳轉,如下,通過乙個隱藏的iframe實現,form表單的target設定為iframe的name名稱,form提交目標位當前頁面iframe則不會重新整理頁面 一般表單提交通過type submit實現,input type submit 瀏覽器顯示為butt...
form表單的提交方式
最基本的提交方式,或者提交,這兩種方式效果是一樣的。如果需要再提交表單之前進行驗證,可以在form標籤中設定onsubmit屬性,如下 函式mysubmit 如下 使用js的submit 注意 此函式不是jquery的,而是html dom的方法 函式進行表單提交,此類表單提交不會觸發onsubmi...
Form表單提交的兩種方式
1.當輸入使用者名稱和密碼為空的時候,需要判斷。這時候就用到了校驗使用者名稱和密碼,這個需要在jsp的前端頁面寫 有兩種方法,一種是用submit提交。一種是用button提交。方法一 用submit提交 表單提交,在form標籤中增加onsubmit事件來判斷表單提交是否成功 方法二 用butto...