网站建设资讯

NEWS

网站建设资讯

怎么用JavaScrip正则表达式验证form表单

这篇文章主要讲解了“怎么用JavaScrip正则表达式验证form表单”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用JavaScrip正则表达式验证form表单”吧!

公司主营业务:做网站、网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出青山免费做网站回馈大家。

怎么用JavaScrip正则表达式验证form表单

document:标签之间

location:url

history:前进后退

怎么用JavaScrip正则表达式验证form表单

怎么用JavaScrip正则表达式验证form表单

怎么用JavaScrip正则表达式验证form表单

 
  
   
   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; 
   } 
   
   
   .myclass{ 
    position: absolute; 
    left: 400px; 
    top: 150px; 
   } 
   
   
  
   
   
   
   
  
                 基于js的验证             用户名:                          密码:                          邮箱:                                                           

感谢各位的阅读,以上就是“怎么用JavaScrip正则表达式验证form表单”的内容了,经过本文的学习后,相信大家对怎么用JavaScrip正则表达式验证form表单这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


文章标题:怎么用JavaScrip正则表达式验证form表单
新闻来源:http://njwzjz.com/article/jcecii.html

其他资讯