純JavaScript驗證

-1

我累做有效的電子郵件和必填字段驗證，但這個功能我做巫婆我想只用純JavaScript做保留節目只需要EM純JavaScript驗證

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>JS valdation</title> 
    <script type="text/javascript"> 
     function validateForm() { 
      var email = document.getElementById('emailaddress'); 
      var name = document.getElementById('username'); 
      var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
      if (email.value == "" || name.value == "") { 
       document.getElementById("required").style.display = "block"; 
       document.getElementById("required_email").style.display = "block"; 
       document.getElementById("valide_email").style.display = "none"; 
      } 
      else if(!filter.test(email.value)) { 
       document.getElementById("valide_email").style.display = "block"; 
       document.getElementById("required").style.display = "none"; 
      } 
      return false; 
     } 
    </script> 
</head> 
<body> 
<form name="myForm" action="" onsubmit="return validateForm();" method="post"> 
Email: <input id="emailaddress" type="text" name="email"> 
<input type="submit" value="Submit"> 
<em id="valide_email" style="display:none">please enter a valid email ex:([email protected])</em> 
<em id="required_email" style="display:none">this filed is required</em> 
First name: <input id="username" type="text" name="fname"> 
<em id="required" style="display:none">this filed is required</em> 
</form> 
</body> 
</html>

來源

2011-11-26 user974946

那麼你的問題是什麼？ – number5

我想顯示電子郵件有效時的valide_email em – user974946

http://www.ex-parrot.com/pdw/Mail-RFC822-Address.html，只是不要。 – Anders

在你的CSS樣式表添加這兩個類（或標識的）

#valide_email.visible, #required_email.visible { 
    visibility:hidden; /*or display: none or whatever*/ 
} 
#valide_email.hidden, #required_email.hidden { 
    visibility:visible; 
}

在JavaScript中你可以改變他們之間的階級隱藏和可見這樣的：

來源

2011-11-26 14:09:57

純JavaScript驗證

回答

相關問題