zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Http 请求处理流程
    ASP.NET 4.0: 请求验证模式变化导致ValidateRequest=false失效
    Android Animation学习笔记【转载】
    Http Handler 介绍
    对路径XXX的访问被拒绝(文件操作权限)的解决方法
    控制页面滚动条
    Sqlserver查询字段默认值
    Ajax基础
    浮动&定位
    定时器
  • 原文地址:https://www.cnblogs.com/xiaobaizhiqian/p/8460633.html
Copyright © 2011-2022 走看看