7、js使用正则表达式验证
2024-08-25 17:49:12
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>正则表达式实现表单验证</title> </head> <body> <fieldset style="width:400px;">
<legend>Xxx网站注册</legend> <table>
<tr>
<td>用户名:</td>
<td><input type="text" id="user"/><span></span></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" id="pwd" onblur="pwdBlur()" onfocus="pwdFocus()"/><span></span></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="password" id="repwd"/><span></span></td>
</tr>
<tr>
<td>邮箱:</td>
<td><input type="text" id="email"/><span></span></td>
</tr>
<tr>
<td><input type="submit" value="注册"/></td>
<td><input type="reset" value="重置"/></td>
</tr> </table> </fieldset> <script type="text/javascript">
function pwdFocus(){ var pwd=document.getElementById("pwd");
pwd.style.border="1px blue solid";
pwd.nextSibling.innerHTML="密码长度必须为6到12";
}
function pwdBlur(){
var pwd=document.getElementById("pwd");
//获取value属性值方式1
//var pwdval=pwd.getAttribute("value"); //获取value属性值方式2
var pwdval=pwd.value;
var reg=/^[a-zA-Z0-9]{6,12}$/;
if(reg.test(pwdval)==false){
pwd.style.border="1px red solid";
pwd.nextSibling.innerHTML="密码长度必须为6到12";
}else{
pwd.style.border="1px green solid";
pwd.nextSibling.innerHTML="密码可用";
} }
</script>
</body>
</html>
最新文章
- $().each 和表单事件的坑
- 每周一荐：学习ACE一定要看的书
- Unity3D题目，Unity中利用GUI输出九九乘法表
- django开发框架之jumpserver
- 泛型 Field 和 SetField 方法 (LINQ to DataSet)
- 浏览器解析js的顺序
- golang语言示例
- 【MT】牛津的MT教程
- 【原】Java学习笔记025 - 内部类
- CentOS 6 RPM安装包下载地址
- Ubuntu 16.04.2 配置VNC
- 一个简易的C语言文法
- springboot:扩展类型转换器
- Luogu4630 APIO2018 Duathlon 圆方树、树形DP
- linux例行性任务(定时作业)
- 原生JS的地区二级联动，很好理解的逻辑
- 前端开发【第5篇：JavaScript进阶】
- 新建 Spring Mvc Web + Maven 的 maven 错误 (二)
- ioctl函数详细说明（网络）
- Java并发（十三）：并发工具类——同步屏障CyclicBarrier