js封装表单通用函数

最新推荐文章于 2024-04-13 02:02:18 发布

mischen520

最新推荐文章于 2024-04-13 02:02:18 发布

阅读量809

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/miachen520/article/details/51870377

版权

javascript 专栏收录该内容

72 篇文章 1 订阅

订阅专栏

js封装表单通用函数

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>mischen</title>
    <script>
        function check(frm){
            var unameFlag=checkField(frm.userName,$("unameMsg"),/^\w+$/,"用户名不能为空","用户名必须为字母、数字、下划线组成！");
            var pwdFlag=checkField(frm.pwd,$("pwdMsg"),/^\w{6,16}$/,"密码不能为空","密码必须为字母、数字、下划线组成，并且长度在6~16位之间！");
            var ageFlag=checkField(frm.age,$("ageMsg"),/^((\d{1,2})|(1[0123\d]))/,"年龄不能为空","年龄不能高于139！");
            return unameFlag&&pwdFlag&&ageFlag;
        }
        function $(a){
            return document.getElementById(a);
        }
        function checkField(fieldObj,msgObj,re,nullMsg,errorMsg){
            msgObj.innerHTML="";
            var v=fieldObj.value.replace(/(^\s+)|(\s+$)/g,"");
            var flag=true;
            if(v.length==0){
                msgObj.innerHTML=nullMsg;
                flag=false;
            }else{
                if(!(re.test(v))){
                    msgObj.innerHTML=errorMsg;
                    flag=false;
                }
            }
            return flag;
        }
    </script>
</head>
<body>
    <center>
        <h1>注册界面</h1>
        <hr size="7" color="blue">
    <form action="fromValidate.html" name="testFrm" οnsubmit="return check(this);">
        用户名:<input type="text" name="userName"/><span style="color:red;" id="unameMsg"></span><br><br>
        密码:<input type="password" name="pwd"/><span style="color:red;" id="pwdMsg"></span><br><br>
        年龄:<input type="text" name="age"/><span style="color:red;" id="ageMsg"></span><br><br>
        <input type="submit" value="注册"/>
    </form>
    </center>
</body>
</html>

mischen520

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js封装表单通用函数

js封装表单通用函数 mischen function check(frm){ var unameFlag=checkField(frm.userName,$("unameMsg"),/^\w+$/,"用户名不能为空","用户名必须为字母、数字、下划线组成！"); var pwdFlag=check
复制链接

扫一扫