7、js使用正则表达式验证

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>正则表达式实现表单验证</title>
 6
 7 </head>
 8
 9 <body>
10
11     <fieldset style="width:400px;">
12         <legend>Xxx网站注册</legend>
13
14                <table>
15                   <tr>
16                     <td>用户名:</td>
17                     <td><input type="text" id="user"/><span></span></td>
18                   </tr>
19                   <tr>
20                     <td>密码:</td>
21                     <td><input type="password" id="pwd" onblur="pwdBlur()" onfocus="pwdFocus()"/><span></span></td>
22                   </tr>
23                   <tr>
24                     <td>确认密码:</td>
25                     <td><input type="password" id="repwd"/><span></span></td>
26                   </tr>
27                   <tr>
28                     <td>邮箱:</td>
29                     <td><input type="text" id="email"/><span></span></td>
30                   </tr>
31                   <tr>
32                     <td><input type="submit" value="注册"/></td>
33                     <td><input type="reset" value="重置"/></td>
34                   </tr>
35
36                </table>
37
38     </fieldset>
39
40 <script type="text/javascript">
41   function pwdFocus(){
42
43      var pwd=document.getElementById("pwd");
44       pwd.style.border="1px blue solid";
45       pwd.nextSibling.innerHTML="密码长度必须为6到12";
46   }
47   function pwdBlur(){
48      var pwd=document.getElementById("pwd");
49      //获取value属性值方式1
50      //var pwdval=pwd.getAttribute("value");
51
52      //获取value属性值方式2
53      var pwdval=pwd.value;
54      var reg=/^[a-zA-Z0-9]{6,12}$/;
55      if(reg.test(pwdval)==false){
56         pwd.style.border="1px red solid";
57         pwd.nextSibling.innerHTML="密码长度必须为6到12";
58      }else{
59         pwd.style.border="1px green solid";
60         pwd.nextSibling.innerHTML="密码可用";
61     }
62
63   }
64 </script>
65 </body>
66 </html>
时间: 06-11

7、js使用正则表达式验证的相关文章

Js用正则表达式验证字符串

js 常用正则表达式表单验证代码 作者: 字体:[增加 减小] 类型:转载 js 常用正则表达式表单验证代码,以后大家就可以直接使用了. 正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下: 测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证. 替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字. 根据模式匹配从字符

js常见正则表达式验证及方法(一)

正则表达式里面常见的值: *表示前面子表达式(字符.文字.字符串等)出现0次或者多次: +表示前面子表达式出现1大于等于一次: ?表示前面子表达式出现0次或者1次: x|y:表示匹配x或者y; [xyz]:匹配任何一个字符:例如:[abcd]可以匹配apple或者bus; [a-z]:匹配小写字母: [^a-z]:匹配不在a~z之外的任意字符: \d 匹配一个数字字符等价于[0-9]; \D匹配一个非数字字符等价于[^0-9]; \w 匹配包括下划线的任意单词字符,等价于[A-Za-z0-9];

js常见正则表达式验证及说明

var verify = { /** * [判断数据是否为整数] * @param {[Number]} v [数字] */ isInteger(v) { return /(?:^0$)|(?:^[^0\.]\d*?$)/.test(v); }, /** * [判断是否为6位验证码] * @param {[String]} v [验证码] */ isCode: function(val){ return /^\d{6}$/.test(val); }, /** * [将银行卡号按四位分隔] * @

JS利用正则表达式验证字符串

1 function testNum(str){ 2 var reg = new RegExp("^[^0-9]*$");//从头到尾都不是数字 3 if(reg.test(str)){ 4 alert("没有数字!"); 5 }else{//有数字 6 var reg = new RegExp("^[0-9]*$");//从头到尾都是数字 7 if(reg.test(str)){ //从头到尾都是数字 8 alert("全是数字&qu

js手机号正则表达式验证

var phone = $("#phone").val(); var parphone = /^(((13[0-9]{1})|(17[0-9]{1})|(15[0-9]{1})|(14[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if(!parphone.test(phone)){ alert("手机号格式不正确"); return false; }

js简单正则表达式验证密码

包含3种及以上 var reg = new RegExp("^(?![A-Za-z]+$)(?![A-Z\\d]+$)(?![A-Z\\W]+$)(?![a-z\\d]+$)(?![a-z\\W]+$)(?![\\d\\W]+$)^[a-zA-Z0-9!#*_]{8,20}$"); if (!reg.test(pass)) { isStrongPassword=false;} <p class="css1811301112">温馨提示:请输入8-20位大

js正则表达式验证(化繁为简)

以前用js写正则表达式验证,每一个文本框后面都要添加一个onblur函数,验证的信息少,也没体会到有多繁琐,这次项目中的页面比较多,页面中的信息也比较多,如果每个文本框都加一个验证函数的话,js验证代码将会很长,很繁琐. 既然是函数,就可以传参数,这样的话,只需要一个验证函数就可以完成所有的信息验证了. 1.首先新建一个js文件validate.js 1 function validate(o,regex,backInfo){ 2 if(o.value != "" &&

js正则表达式:验证邮箱格式、密码复杂度、手机号码、QQ号码

直接上代码 Java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83

js正则表达式验证

有时候会要验证自己写的正则表达式是否正确 所以写了这个小东西: demo:js正则表达式验证 html: 1 <h3>绿色表示匹配,红色表示不匹配</h3> 2 <label>请在下框填入正则表达式</label><br /> 3 4 <textarea id="regexp"></textarea><br /> 5 6 <label>请在下框填需要验证的式子</label