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

edited 一月 2014 in Javascript
請問各位大大,我現在再做留言板,要做一個偵測欄位是否空白,是的話alert("XX欄位不可空白")
但是顯示後還是會送出表單而新增資料 我是用因為後續還要新增資料一堆處理
所以不知道有沒有辦法不用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.