フォームで複数の入力を検証する方法

このコードを見て、JavaScriptを使用してこれらの入力要素すべてをこの単一フォームで検証する方法を知りたいと思います。フォームで複数の入力を検証する方法

私は同じように見えますが、私は別の部門に名前があります。あなたの修正と私の書式への貢献は非常に高く評価されます。

<form name="myForm"> 
    <input type="text" name="fname"><br><br> 
    <input type="text" name="fname"><br><br> 
    <input type="text" name="fname"><br><br> 
    <input type="text" name="fname"><br><br> 
    <input type="text" name="fname"><br><br> 
    <input type="password" name="fname"><br><br> 
    <input type="submit" value="Submit"> 
</form>

出典

2016-09-11 uoriwoh

簡単な検証のために、このリンクをチェックしてください：http://www.w3schools.com/js/js_validation.asp – Bassie

あなたはこれを確認することができますhttp://www.w3schools.com/js/js_validation.asp – Laith

「同じように見えますが、別の部門の名前があります」 – snit80

-1

はい、できます。これはJavaスクリプト

<form name="myForm" onsubmit="return validateData()"> 
    <input type="text" id="name" name="fname"><br><br> 
    <input type="text" id="username" name="username"><br><br> 
    <input type="text" id="email" name="email"><br><br> 
    <input type="password" id="password" name="password"><br><br>     
    <input type="submit" value="Submit"> 
    </form>

内のデータを検証しようと、あなたは今、あなたのコードがすべてだ

<script> 
    function validateData() { 
    var fname = document.getElementById("fname").value; 
    var username = document.getElementById("username").value; 
    var email = document.getElementById("email").value; 
    var password = document.getElementById("password").value; 
    //if name is empty 
    if(fname == "" || username == "" || email == "" || password == "") { 
    //SOme Error Code here 
    alert("Please Fill All the Form Data."); 
     } 
    if(username.length < 4 || username.length > 20) { 
    //SOme Error Code here 
    alert("username must be less than 20 but more than 4 Characters."); 
     } 

    // You can add more filters like password length, and so on by using more if conditions 
    } 
    </script> 
    <body> 
    <form name="myForm" onsubmit="return validateData()"> 
     <input type="text" id="name" name="fname"><br><br> 
     <input type="text" id="username" name="username"><br><br> 
     <input type="text" id="email" name="email"><br><br> 
     <input type="password" id="password" name="password"><br><br>      
     <input type="submit" value="Submit"> 
    </form> 
    </body>

あり、このために、）validateDate（上記のようにデータを検証するJavaScript関数を作成する必要があります。あなたは自分のコード内で1.7よりも同等以上の最近のjQueryライブラリのバージョンとファイルとを含める必要がjQueryの検証を使用するには

：:)これはjQueryのを必要と

出典

2016-09-12 00:12:14 Sunny

少し修正（最初の入力IDを "fname"に変更）しても機能します...しかし、私はまだそれを一つの形式で "複数の入力"のために働かせません。名前、ユーザー名、電子メール、パスワードなどを有効にするには、javascriptを使用した1つのフォーム – uoriwoh

javascriptを使用して入力を検証することができます。私は自分のコードを変更しました。さらに条件を追加して、単一入力を検証することもできます。それをチェックしてください – Sunny

はい！はい、これは魅力的なように働いていましたが、アラートを促した後にすべてをクリアしましたが、それでも私はそれを愛しています！どうもありがとうございました。皆さんの努力のためにありがとうございます。 – uoriwoh

-2

にもかかわらず、それはあなたの問題を解決することができますプラグイン。 W3Cによると、

jQuery('form').validate();

jQuery.fn.validateメソッドを呼び出した後、あなたはHTML5に有効な属性データを、使用してフィールドを検証することができます

は、例を参照してください。

必要なフィールドに例を参照してください：

<form> 
<input type="text" data-required /> 
</form>

https://plugins.jquery.com/validate/

出典

2016-09-12 00:40:06 hrvojeA

その割り当て...と私たちはjavascriptを使用する必要があります：（ – uoriwoh

@uoriwoh - jQueryはJavaScriptライブラリであり、別のプログラミング言語ではありません。 – Quentin

フォームで複数の入力を検証する方法

答えて

関連する問題