码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript---通过正则表达式验证表单输入

时间:2018-02-23 01:03:39      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:用户名   eth   div   gpo   password   密码   on()   amp   type   

验证输入的name只能是数字或字母或下划线

js

<script type="text/javascript">
    function submitOn(){
        var f = document.getElementById("userfrm");
        var isValiUserName = false, isValiPassword = false;
        var userNameStr = f.username.value;
        var passwordStr = f.pass.value;
        var rpasswordStr = f.rpass.value;
        if(userNameStr!="" && userNameStr!=undefined){
            //正则表达式验证只能包括字母、数字和下划线字符
            var re = new RegExp(/^[a-zA-Z0-9_]+$/,"ig");
            //正则表达式验证包括字母、数字或下划线,且长度大于等于5,小于等于10
            var re = new RegExp("[a-zA-Z0-9_]{5,10}","ig");
            isValiUserName = re.test(userNameStr); //得到用户名true/false的校验结果
        }
        //校验密码
        if(passwordStr!="" && passwordStr.length>=6 && passwordStr === rpasswordStr){
            isValiPassword = true;
        }
        if(isValiUserName==true && isValiPassword==true)
            return true;
        return false;
    }
</script>

html

<form id="userfrm" name="userfrm" method="post" action="#">&nbsp;&nbsp;&nbsp;&nbsp;名:<input name="username" type="text"/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:<input name="pass" type="password"/><br/>
    重复密码:<input name="rpass" type="password"/><br>
    <input type="button" value="提交" onClick="submitOn()"/>
</form>

 

JavaScript---通过正则表达式验证表单输入

标签:用户名   eth   div   gpo   password   密码   on()   amp   type   

原文地址:https://www.cnblogs.com/xiaobaizhiqian/p/8460633.html

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