相思资源网 Design By www.200059.com
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表单的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无用JavaScrip正则表达式验证form表单的方法的评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。