在同一文本字段中驗證用戶名或電子郵件

Question

我想驗證表單的<input>元素以檢查用戶名或電子郵件。驗證應爲同一文本框

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

如果與輸入的標籤本身的模式屬性來完成它會更容易完成。因爲我想用jscript編寫驗證消息。

Answer 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>