主页 > 知识库 > 用JavaScrip正则表达式验证form表单的方法

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

热门标签:外呼系统无呼出路由是什么原因 400电话办理电话办理 梅县地图标注 甘肃医疗外呼系统排名 呼叫系统外呼只能两次 西藏智能外呼系统代理商 ai电话机器人搭建 贵港公司如何申请400电话 地图标注教学点

document:标签之间

location:url

history:前进后退




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表单的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:
  • JS去掉字符串前后空格、阻止表单提交的实现代码
  • 利用JavaScript阻止表单提交的两种方法
  • 阻止表单提交按钮多次提交的完美解决方法
  • onsubmit阻止form表单提交与onclick的相关操作
  • 使用Ajax方法实现Form表单的提交及注意事项
  • javascript下阻止表单重复提交、防刷新、防后退
  • JavaScript阻止表单提交方法(附代码)

标签:泰安 本溪 湖州 哈密 大兴安岭 凉山 海口 常州

巨人网络通讯声明:本文标题《用JavaScrip正则表达式验证form表单的方法》,本文关键词  用,JavaScrip,正则,表达式,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《用JavaScrip正则表达式验证form表单的方法》相关的同类信息!
  • 本页收集关于用JavaScrip正则表达式验证form表单的方法的相关信息资讯供网民参考!
  • 推荐文章