logo

TechCodeview

JavaScript フォームの検証

  1. JavaScript フォームの検証
  2. JavaScriptの検証例
  3. JavaScript メール検証

ユーザーが送信したフォームには不適切な値が含まれる可能性があるため、検証することが重要です。したがって、ユーザーを認証するには検証が必要です。

JavaScript はクライアント側でフォームを検証する機能を提供するため、データ処理はサーバー側の検証よりも高速になります。ほとんどの Web 開発者は JavaScript フォーム検証を好みます。

JavaScript を通じて、名前、パスワード、電子メール、日付、携帯電話番号などのフィールドを検証できます。

$と$$の違い

JavaScript フォーム検証の例

この例では、名前とパスワードを検証します。名前を空にすることはできず、パスワードは 6 文字未満にすることはできません。

JavaでCSVファイルから読み取る方法

ここでは、フォーム送信時にフォームを検証しています。指定された値が正しくなるまで、ユーザーは次のページに転送されません。

 function validateform(){ var name=document.myform.name.value; var password=document.myform.password.value; if (name==null || name==&apos;&apos;){ alert(&apos;Name can&apos;t be blank&apos;); return false; }else if(password.length<6){ 6 alert('password must be at least characters long.'); return false; } name: <br> Password: <br> </6){>
今すぐテストしてください

JavaScript のパスワード再入力検証

 function matchpass(){ var firstpassword=document.f1.password.value; var secondpassword=document.f1.password2.value; if(firstpassword==secondpassword){ return true; } else{ alert(&apos;password must be same!&apos;); return false; } } Password: <br> Re-enter Password: <br>
今すぐテストしてください

JavaScript 数値の検証

テキストフィールドの数値のみを検証してみましょう。ここでは isNaN() 関数を使用しています。

 function validate(){ var num=document.myform.num.value; if (isNaN(num)){ document.getElementById(&apos;numloc&apos;).innerHTML=&apos;Enter Numeric value only&apos;; return false; }else{ return true; } } Number: <span id="numloc"></span> <br>
今すぐテストしてください

画像を使用した JavaScript の検証

入力が正しいか間違っているかに応じて、正しい画像と間違った画像を表示する対話型 JavaScript フォーム検証の例を見てみましょう。

Javaは文字を文字列に変換します 
 function validate(){ var name=document.f1.name.value; var password=document.f1.password.value; var status=false; if(name.length<1){ document.getelementbyid('nameloc').innerhtml="  Please enter your name" ; status="false;" }else{ } if(password.length<6){ document.getelementbyid('passwordloc').innerhtml="  Password must be at least 6 char long" return status; <table class="table"> <tr><td>Enter Name:</td><td> <span id="nameloc"></span></td></tr> <tr><td>Enter Password:</td><td> <span id="passwordloc"></span></td></tr> <tr><td></td></tr>  </1){>
今すぐテストしてください

出力：

名前を入力：
パスワードを入力する：

JavaScript メール検証

JavaScript を使用して電子メールを検証できます。

電子メール ID を検証するには、次のような多くの基準に従う必要があります。

  • 電子メール ID には @ と が含まれている必要があります。キャラクター
  • @ の前後に少なくとも 1 文字が必要です。
  • の後に少なくとも 2 文字が必要です。 （ドット）。

電子メールフィールドを検証する簡単な例を見てみましょう。

 function validateemail() { var x=document.myform.email.value; var atposition=x.indexOf(&apos;@&apos;); var dotposition=x.lastIndexOf(&apos;.&apos;); if (atposition<1 || dotposition="x.length){" alert('please enter a valid e-mail address 
 atpostion:'+atposition+'
 dotposition:'+dotposition); return false; } email: <br> </1>
今すぐテストしてください