在提交表單時,我們常常需要驗證核實表單內容,若都不為空時,方能提交;若有文本框為空則不提交,並獲取鼠標焦點到文本框上 ,所以我們可以利用onsubmit的方法來做,請看下面例子:
<html>
<head><title></title>
<script>
function yan(){
if(frm.stuname.value==""){
alert("姓名不得為空!");//彈出提示框
document.frm.stuname.focus(); //獲取鼠標焦點
return(false);//返回一個值
}
else if(frm.stuPWD.value==""){
alert("密碼不得為空!");//彈出提示框
document.frm.stuPWD.focus(); //獲取鼠標焦點
return(false);//返回一個值
}
}
</script>
</head>
<body>
<form onsubmit="return yan()">
<table>
<tr>
<td>用戶名:<input type="text" id="stuname"></td>
</tr>
<tr>
<td>密碼:<input type="password" id="stuPWD"></td>
</tr>
<tr>
<td><input type="submit" value="提交"></td>
</tr>
<table>
</form>
</body>
</html>
這樣就可以了,按提交時就會觸發方法,注意的是,onsubmit="return yan()",裡面一定要加上return,否則沒有返回值的話,方法會失效