用JavaScrip正则表达式验证form表单的方法_正则表达式

正则表达式

JavaScript ASP.NET PHP编程正则表达式 AJAX相关 ASP编程 JSP编程编程10000问 CSS/HTML Flex 脚本加解密 web2.0 XML/RSS 网页编辑器相关技巧安全相关网页播放器 Dart Vue.js

上一篇: linux下的通配符与正则表达式下一篇:15个常用的javaScript正则表达式...

用JavaScrip正则表达式验证form表单的方法

发布时间：2022-04-16 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了用JavaScrip正则表达式验证form表单的方法，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

document：标签之间

location：url

history：前进后退

@H_777_29@

<htML> 
 <head> 
  <script tyPE="text/javascript"> 
   function show() 
   { 
    //弹出一个提示框 
    window.alert("hh"); 
   } 
   //将show方法绑定到按钮上 
   window.onload=function() 
   { 
    //定位到按钮 
    VAR buttonElement=document.forms[0].myBTn; 
    //动态绑定show方法 
    buttonElement.onclick=show; 
    //show如果加()则一加载网页就弹出提示框 
   } 
   function validateForm() 
   { 
    var loginform=document.forms[1]; 
    var username=trim(LOGinform.username.value); 
    var password=trim(loginform.password.value); 
    var email=trim(loginform.email.value); 
//    alert("替代前长度："+username.length); 
//    username=trim(username); 
 //   alert("替代后长度："+username.length); 
    //判断用户名必填： 
    if(username.length==0) 
    { 
     alert("用户必填"); 
    } 
    else if(!/^[a-zA-Z0-9]+$/.test(username)) 
    { 
     alert("用户名必须是英文字母"); 
    } 
    else if(password.length==0) 
    { 
     alert("密码必填"); 
    } 
    else if(!/^[0-9]{6}$/.test(password)) 
    { 
     alert("密码必须为6位数字"); 
    } 
    else if(email.length==0) 
    { 
     alert("邮箱必填"); 
    } 
    else if(!/^\w+@\w+(\.\w+)+$/.test(email)) 
    { 
     alert("邮箱格式不正确"); 
    } 
    return false; 
   } 
   //自定义一个去空格的参数 
   function trim(s) 
   { 
    //s.REPLACE(正则表达式,替换的字符) 
    s=s.replace(/^\s*$/,""); 
    return s; 
   } 
  </script> 
  <style type="text/css"> 
   .myclass{ 
    posITion: absolute; 
    left: 400px; 
    top: 150px; 
   } 
  </style> 
 </head>  
 <body> 
  <div class="myclass"> 
  <form action="#" name="myform" method="post"> 
  <input type="button" value="单机" name="mybtn"/> 
  </form> 
  </div> 
  <!--登录页面的表单--> 
  <form action="#" name="loginform" method="post" onsubmit="return validateForm()"> 
  <table border="1" align="center"> 
   <caption>基于js的验证</caption> 
    <tr> 
     <th>用户名：</th> 
     <td><input type="text" name="username"/></td> 
    </tr> 
    <tr> 
     <th>密码：</th> 
     <td><input type="password" name="password"/></td> 
    </tr> 
    <tr> 
     <th>邮箱：</th> 
     <td><input type="text" name="email"/></td> 
    </tr> 
    <tr> 
     <td align="center" colspan="2"> 
      <input type="submit" value="提交" /> 
     </td> 
    </tr> 
  </table> 
  </form> 
 </body> 
</html>

以上所述是小编给大家介绍的用JavaScrip正则表达式验证form表单的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本宝典网站的支持！

您可能感兴趣的文章:

脚本宝典总结

以上是脚本宝典为你收集整理的用JavaScrip正则表达式验证form表单的方法全部内容，希望文章能够帮你解决用JavaScrip正则表达式验证form表单的方法所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: linux下的通配符与正则表达式下一篇:15个常用的javaScript正则表达式...

猜你在找的正则表达式相关文章