モバイルブラウザを含むすべてのブラウザのフォームを検証する方法

-1

私はウェブサイトがhttp://www.yaseennikah.com/MyRegister.phpです。私はクライアント側でフォームを検証する必要があります。私はjavascriptコードを使用しましたが、一部のモバイルブラウザでは動作しません。私はここでjqueryコードを見たhttp://jsfiddle.net/WF2J9/16/。しかし、私はjquery ulを追加することを知らない。だから誰でもコードを記入してください。モバイルブラウザを含むすべてのブラウザのフォームを検証する方法

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>form validation</title> 
</head> 
<body> 

<form action="page1.php" method="post" class="a"> 
    Name : <input type="text" class="text" name="name" id="name" /> <br/> 
    Address : <input type="text" class="text" name="address" id="address /><br/> 
    email : <input type="text" class="text" name="email" id="email" /> <br/> 
     <button id="submit" name="submit">submit</button> 
</form> 

<script> 
    $('#submit').on('click', function() { 
    valid = true; 

    if (valid && $('#name').val() == '') { 
     alert ("please enter your name"); 
     valid = false; 
    } 

    if (valid && $('#address').val() == '') { 
     alert ("please enter your address"); 
     valid = false; 
    }  

    return valid; 
}); 
</script> 
</body> 
</html>

出典

2016-10-20 Yaseen Ahmed

あなたはあなたのウェブページの先頭<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

にこれを追加し、jQueryのは、このコード

if($) { 
    alert("jQuery loaded"); 
} else { 
    alert("jQuery not loaded"); 
}

を使用し、正しくロードされた場合は、テストすることができ
彼らの公式のCDNを使用してWebページにjQueryのを追加することができます

編集：ここでは
（現在作業しなければならない）validation scriptの私のバージョンであり、removすることを忘れないでくださいあなたが望んでいなければ、trim()の機能です。

編集2：
あなたはjQueryのせずにこれを実行したい場合は、HTMLの自動フォーム検証exampleを使用することができます。しかし、これは、9以前ではサポートされていません。
または、this（上記のjQueryコードを純粋なjに書き換え、フォーム検証の2番目の方法）を試すことができます。
サーバー側のフォームも確認してください。

出典

2016-10-20 20:29:05 Device

jQueryがロードされています。しかし、前のコードを動作させないようにしてください。 –

あなたのバージョンは（https://jsfiddle.net/aqos156/yp54dwdh/1/）動作していません –

申し訳ありません、私はそれを更新することを忘れました、今はすべてが良いはずですhttps://jsfiddle.net/aqos156/yp54dwdh/3/ – Device

モバイルブラウザを含むすべてのブラウザのフォームを検証する方法

答えて

関連する問題