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

Posted H小白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript---通过正则表达式验证表单输入相关的知识,希望对你有一定的参考价值。

验证输入的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---通过正则表达式验证表单输入的主要内容,如果未能解决你的问题,请参考以下文章

15个常用的javaScript正则表达式

15个常用的javaScript正则表达式

javascript:正则表达式一个表单验证的例子

JavaScript表单验证和正则表达式

JavaScript ---[表单验证,正则表达式]

JavaScript 表单验证正则表达式大全