フォーム項目がempty_javascriptスキルであるかどうかを確認するjsメソッドを説明する例-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

フォーム項目がempty_javascriptスキルであるかどうかを確認するjsメソッドを説明する例

May 16, 2016 pm 03:20 PM

js 形状確認する

フォームの検証は、登録またはログインが必要なほとんどの Web サイトで必須です。一部の検証は非常に複雑であり、さまざまな要件があると言えますが、この章では、最も単純なフォームについてのみ紹介します。要件が低い一部の Web サイトはすでにこのニーズを満たしています。
コードは次のとおりです:

&lt;html&gt; 
&lt;head&gt; 
&lt;meta charset="gb2312"&gt; 
&lt;title&gt;js简单表单验证&lt;/title&gt; 
&lt;script type="text/javascript"&gt;
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; 
  }
 }
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form action="index.php" method="get" name="myform"&gt;
&lt;ul&gt;
 &lt;li&gt;姓名:&lt;input type="text" name="name" id="name" /&gt;&lt;/li&gt;
 &lt;li&gt;密码:&lt;input type="text" name="pw" id="age" /&gt;&lt;/li&gt;
 &lt;li&gt;&lt;input type="submit" id="bt"/&gt;&lt;/li&gt;
&lt;/ul&gt;   
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

ログイン後にコピー

以上がこの記事の詳細な内容です。皆様の学習のお役に立てれば幸いです。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。