码迷,mamicode.com
首页 > Web开发 > 详细

js部分---表单验证;(含正则表达式)

时间:2016-11-17 10:16:54      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:正则表达式   class   转义   之间   span   表达式   不能   划线   正则表达   

1.非空验证

<div>用户名:<input id="yhm" type="text" name="yhm" /></div>

/*function yanzheng()
{
    var yhm = document.getElementById("yhm").value;
    if(yhm=="")
    {
        alert("用户名不能为空");
        return false;
    }
    else
    {
        return true;
    }
}*/

2.相等验证

 <div>密码:<input id="mm" type="text" name="mm" /></div>
    <div>确认密码:<input id="qrmm" type="text" name="qrmm" /></div>


/*function yanzheng()
{
    var mm = document.getElementById("mm").value;
    var qrmm = document.getElementById("qrmm").value;
    if(mm==qrmm)
    {
        return true;
    }
    else
    {
        alert("两次输入的密码不一致");
        return false;
    }
}*/

3.范围验证

<div>邮箱:<input type="text" name="youxiang" id="youxiang" /></div>
    <input type="submit" value="注册" onclick="return yanzheng()" />


/*function yanzheng()
{
    var age = document.getElementById("age").value;
    if(age>=18 && age<=50)
    {
        return true;
    }
    else
    {
        alert("年龄不满足");
        return false;
    }
}*/

4.正则验证
正则表达式

定界符://
匹配开头:^
匹配结尾:$
\反斜杠:代表转义
\n \r 换行 \t制表符 \"输出双引号 \‘输出单引号
*代表前面的表达式可以出现任意次
+代表前面的表达式可以出现至少一次
?代表前面的表达式出现0次或1次
{n}代表前面的表达式出现n次
{n,}代表前面的表达式至少出现n次
{n,m}代表前面的表达式至少出现n次,最多出现m次
x|y要么匹配x要么匹配y
[xyz]匹配[]所包含的任意一个字符
[0-9]匹配0到9之间的任意字符
\d匹配一个数字字符
\D匹配一个非数字字符
\w匹配包括下划线的任意单词字符
\W匹配任何非单词字符

<div>邮箱:<input type="text" name="youxiang" id="youxiang" /></div>
    <input type="submit" value="注册" onclick="return yanzheng()" />


function yanzheng()
{
    var yx = document.getElementById("youxiang").value;
    
    var zz = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
    
    if(yx.match(zz)==null)
    {
        alert("邮箱格式不正确");
        return false;
    }
    else
    {
        return true;
    }
    
}

 


js部分---表单验证;(含正则表达式)

标签:正则表达式   class   转义   之间   span   表达式   不能   划线   正则表达   

原文地址:http://www.cnblogs.com/xingyue1988/p/6072349.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!