javascript 偵測欄位空白並停止的問題

edited 一月 2014 in Javascript
請問各位大大,我現在再做留言板,要做一個偵測欄位是否空白,是的話alert("XX欄位不可空白")
但是顯示後還是會送出表單而新增資料 我是用<input type=submit>因為後續還要新增資料一堆處理
所以不知道有沒有辦法不用button鈕來做呢,然後如果type=submit 我按下去送出按鈕後如果偵測到
有欄位空白,有辦法讓他不送出去嗎?...
我的onsubmit是寫在form那邊 不知道有沒有寫錯...
<body>
<script>
function datacheck(){
if (document.form1.email.value==""){
alert("email不能空白"); 
}
else if(document.form1.title.value==""){
alert("標題不能空白")
}
else if(document.form1.content.value==""){
alert("內容不能空白")
}
</script>
<form name="form1" method="post" action="message_process.php?check=add" onSubmit="datacheck()">
<table border="0" width="600" bordercolor="#0000FF" cellpadding="1" align="center">
<tr align=center bgcolor="#666666"><td colspan="2"><font color="#FFFFFF" size="4">訪客留言版</font></td>
</tr>
<tr bgcolor="#CCCCCC"  height="30"><td align="center">留言人</td>
<td ><input type="text" name="user" size="40"></td>
</tr>
<tr bgcolor="#FFFFFF"  height="30">
<td align="center">e-mail</td><td><input type="text" name="email" size="50"></td>
</tr>
<tr bgcolor="#CCCCCC"  height="30">
<td align="center">留言主題</td><td><input type="text" name="title" size="50"></td>
</tr>
<tr height="80">
<td align="center">留言內容</td><td><textarea name="content" rows=10 cols="35"></textarea></td>
</tr>
<tr>
<td align="center">留言密碼</td><td><input type="text" name="pass"></td>
</tr>
<tr bgcolor="#666666">
<td height="42" colspan="2" align="center"><input type="reset" value="清除重填"><input type="submit"  value="送出留言"></td>
</tr>

</table>
</form>
</body>

另外想問一下,我看很多網站偵測到欄位空白,他不是出現視窗提示,而是用紅字直接顯示在該欄位的旁邊,
不知道要怎麼做!! 謝謝

評論

Sign In or Register to comment.