javascript怎么實現進行客戶端數據的校驗

這篇文章主要講解了“javascript怎么實現進行客戶端數據的校驗”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“javascript怎么實現進行客戶端數據的校驗”吧！

腳本代碼：
＜script language="JavaScript">
＜!--
function Juge(theForm)
{

if (theForm.title.value == "")
{
alert("請輸入標題！");
theForm.title.focus();
return (false);
}
if (theForm.detail.value == "")
{
alert("請輸入內容！");
theForm.detail.focus();
return (false);
}
if (theForm.name.value == "")
{
alert("請輸入作者！");
theForm.name.focus();
return (false);
}
if (theForm.email.value == "")
{
alert("請輸入信箱！");
theForm.email.focus();
return (false);
}

}

--&gt
＜/script>
html網頁代碼：

＜html>
＜head>
＜title>文章發布＜/title>
＜link rel="stylesheet" type="text/css" href="style.css">
＜/head>

＜body bgcolor=#fafee9>
＜center>原創文章投稿處＜/center>
＜br>＜center>＜font color=red>此處嚴禁發表轉載或者抄襲的文章！＜/font>＜/center>
＜form name="form1" method="post" action="pub_ok.php" onsubmit="javascript:return Juge(this);" >
＜table width="90%" border="0" cellspacing="1" cellpadding="1" align="center">
＜tr>
＜td>
您的姓名：＜input type=text name=name size=30>
＜/td>
＜/tr>
＜tr>
＜td>
您的信箱：＜input type=text name=email size=30>
＜/td>
＜/tr>
＜tr>
＜td>
文章標題：＜input type="text" name=title size="50">
＜/td>
＜/tr>

＜tr>
＜td>
文章內容：＜br>＜textarea name=detail >＜/textarea>
＜/td>
＜/tr>
＜tr>
＜td>
一些說明：＜br>＜textarea name=demo >＜/textarea>
＜/td>
＜/tr>
＜tr>
＜td>＜input type="submit" name="pub" value="發布您的作品">＜/td>
＜/tr>
＜/table>
＜/form>
＜p>
＜/body>
＜/html>

感謝各位的閱讀，以上就是“javascript怎么實現進行客戶端數據的校驗”的內容了，經過本文的學習后，相信大家對javascript怎么實現進行客戶端數據的校驗這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！