jQuery 表單事件之submit()事件
submit 事件
定義和用法
當(dāng)提交表單時(shí)，會(huì)發(fā)生 submit 事件。
該事件只適用于表單元素。
submit() 方法觸發(fā) submit 事件，或規(guī)定當(dāng)發(fā)生 submit 事件時(shí)運(yùn)行的函數(shù)。
語(yǔ)法
$('').submit()
下面我們來(lái)詳細(xì)分析一下，看下面代碼
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>submit</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <form action="#" method="post" name="form"> 用戶(hù)名：<input type="text" placeholder="請(qǐng)輸入用戶(hù)名"></br></br> 用戶(hù)名：<input type="password" placeholder="請(qǐng)輸入密碼"></br></br> <input type="submit" value="提交"> </form> </body> </html>
如上代碼，我們表單沒(méi)有加入事件，但是默認(rèn)會(huì)提交到一個(gè)地方，也就是后面我們學(xué)到php的腳本語(yǔ)言時(shí)，會(huì)做對(duì)表單的處理
那么我們?cè)趺丛诒卷?yè)面進(jìn)行客戶(hù)端的處理，那么我就需要些jquery 的代碼，來(lái)進(jìn)行對(duì)表單的處理
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>submit</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<form action="#" method="post" name="form">
用戶(hù)名：<input type="text" placeholder="請(qǐng)輸入用戶(hù)名"></br></br>
用戶(hù)名：<input type="password" placeholder="請(qǐng)輸入密碼"></br></br>
<input type="submit" value="提交">
</form>
<script>
$('form').submit(function(){
alert('error');
})
</script>
</body>
</html>如上代碼，我們進(jìn)行表單提交，點(diǎn)擊按鈕，觸發(fā)submit 事件，彈出一個(gè)error的信息，這樣我們就可以在本頁(yè)面進(jìn)行對(duì)表單的處理，例如用戶(hù)名的規(guī)則，密碼的規(guī)則，不符合就不讓表單提交到另外的一個(gè)頁(yè)面進(jìn)行處理
