JS登录表单验证 正则验证
来源:互联网 发布:钢雨篷荷载计算软件 编辑:程序博客网 时间:2024/06/05 02:16
使用js进行表单验证。验证字段及标准如下:
1. 用户名:6-12位字母数字下划线组合
2. 密码:6-12位字母数字下划线组合
3. 两次密码一致
4. 判断密码强弱并提示
5. 邮箱:必须存在@符号
form表单
<form action="" name="form" method="post" onsubmit="return checkForm()">
<table>
<tr>
<td>用户名</td>
<td><input type="text" name="name" /></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="pwd" onkeyup="checkPwd()" /><span id="sp"></span></td>
</tr>
<tr>
<td>密码确认</td>
<td><input type="password" name="repwd" /></td>
</tr>
<tr>
<td>邮箱</td>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" /></td>
</tr>
</table>
</form>
验证js:
function checkForm(){
var name = document.form.name.value;
var e = /^\w{6,12}$/;
if(!e.test(name)){
alert('用户名必须是6-12位字母数字下划线');
return false;
}
var pwd = document.form.pwd.value;
var ee = /^\w{6,30}$/;
if(!ee.test(pwd)){
alert('密码必须是6-30位字母数字下划线');
return false;
}
var re_pwd = document.form.repwd.value
if(pwd != re_pwd){
alert('两次密码不一致');
return false;
}
var e_mail = document.form.email.value;
var e1 = /^\w{1,}@\w{1,}.[a-zA-Z]{2,3}$/;
if(!e1.test(e_mail)){
alert('邮箱格式不正确');
return false;
}
}
function checkPwd(){
var sp = document.getElementById('sp');
var pwd = document.form.pwd.value;
var b = /^\w{6,30}$/;
var char_lower = /^[a-z]{6,}$/;
var char_upper = /^[A-Z]{6,}$/;
var num = /^[0-9]{6,}$/;
var mid = /^\w{6,12}$/;
if(!b.test(pwd)){
sp.innerHTML = '不符合规则';
sp.style.color = 'red';
} else if(char_lower.test(pwd) || char_upper.test(pwd) || num.test(pwd)){
sp.innerHTML = '弱';
sp.style.color = 'red';
} else if(mid.test(pwd)){
sp.innerHTML = '中';
sp.style.color = 'yellow';
} else {
sp.innerHTML = '强';
sp.style.color = 'green';
}
}
- JS登录表单验证 正则验证
- js 表单正则验证
- JS 正则验证表单
- js正则验证表单
- js正则;js表单验证
- js实现登录表单验证
- 登录表单JS静态验证
- js表单验证_用户登录验证
- js正则表达式验证表单
- js验证表单正则表达式
- 表单验证--js正则表达式
- js正则表达式表单验证
- js正则表达式--验证表单
- js正则-验证常用的表单对象
- 正则表达式之-js验证表单大全
- js 常用正则表达式表单验证代码
- js 常用正则表达式表单验证代码
- JS正则表单QQ验证实例
- windows7 python3.5安装
- HDU 4605 Magic Ball Game (在线主席树|| 离线 线段树)
- python同步应用:多个线程有序执行
- 【FirstKotlinApp】使用Kotlin封装6.0的权限请求流程
- Error:Execution failed for task ':transformClassesWithJarMergingForDebug'. > com.android.build.api.t
- JS登录表单验证 正则验证
- scrapy 的crawl模板模拟登陆
- 基于.net2.0的汽车电子CCP协议的封装
- Django中多种重定向方法使用
- 【步兵 shader】基础篇
- 《高质量 C++/C 编程指南 》阅读笔记(四)
- 2017年网易内推笔试编程题1
- 实现一个Promise-polyfill
- NOIP 2009 提高组 复赛 trade 最优贸易