2016-05-29 3 views
2

フォームの<input>要素を検証して、ユーザー名または電子メールを確認したいとします。検証は同じテキストボックスに対して行う必要があります同じテキストフィールドでユーザー名または電子メールを確認する

<input id="text1" type="text" placeholder="Enter username or email"> 

入力タグ自体でパターン属性を使用すると、それが簡単になります。 Jscriptを使用して検証メッセージをプログラムしたいからです。

答えて

1

またはあなたは私の質問に答えるために、この

<input id="text1" type="text" placeholder="Enter username or email"> 
<input type="button" id="submit" value="Submit" onclick="validate()" /> 
<script> 
    function validate() { 
     var field = document.getElementById('text1').value; 

     // CHeck if email 
     if (/\@/.test(field)) { 
      // Validate email address 
     } 
     else { 
      // Validate username 
     } 
    } 
</script> 
+0

おかげのような何かをしたいです。しかし、私は私のフォームをボタンプレスで検証するのは嫌です。パターンを使用するときと同じように自動的に検証されることを望みます。私はエラーを表示するためにデフォルトのポップアップメッセージを使用しているので http://s33.postimg.org/7tuajglun/Untitled.png –

+1

のようにこのタグをメール用に使用しています –

関連する問題