ホームページ >ウェブフロントエンド >jsチュートリアル >フォーム項目がempty_javascriptスキルであるかどうかを確認するjsメソッドを説明する例
フォーム項目がempty_javascriptスキルであるかどうかを確認するjsメソッドを説明する例
- WBOYオリジナル
- 2016-05-16 15:20:491314ブラウズ
フォームの検証は、登録またはログインが必要なほとんどの Web サイトで必須です。一部の検証は非常に複雑であり、さまざまな要件があると言えますが、この章では、最も単純なフォームについてのみ紹介します。要件が低い一部の Web サイトはすでにこのニーズを満たしています。
コードは次のとおりです:
<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 までご連絡ください。