實例講解js驗證表單項目是否為空的方法_javascript技巧
- WBOY原創
- 2016-05-16 15:20:491318瀏覽
表單驗證幾乎在每一個需要註冊或登陸的網站是必不可少的，有些驗證則非常的複雜，可以說是各種各樣給你的要求，不過本章節只介紹一下表單中最簡單的驗證方式，就是判斷是否為空，有些要求比較低的網站對此已經滿足需求了。
程式碼如下:
<html>
<head>
<meta charset="gb2312">
<title>js简单表单验证</title>
<script type="text/javascript">
window.onload=function()
{
var bt=document.getElementById("bt");
bt.onclick=function()
{
if(document.myform.name.value=="")
{
alert("用户名不能为空!");
document.myform.name.focus();
return false;
}
else if(document.myform.pw.value=="")
{
alert("密码不能为空!");
document.myform.pw.focus();
return false;
}
}
}
</script>
</head>
<body>
<form action="index.php" method="get" name="myform">
<ul>
<li>姓名:<input type="text" name="name" id="name" /></li>
<li>密码:<input type="text" name="pw" id="age" /></li>
<li><input type="submit" id="bt"/></li>
</ul>
</form>
</body>
</html>
以上就是本文的詳細內容，希望對大家的學習有所幫助。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn