javascript验证

最新推荐文章于 2024-04-30 08:58:14 发布

Mr_g_j

最新推荐文章于 2024-04-30 08:58:14 发布

阅读量281

点赞数

本文链接：https://blog.csdn.net/Mr_g_j/article/details/52539737

版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
       <form action="__APP__/Person/addperson" method="post" enctype="multipart/form-data" οnsubmit="return check_all()">
           <table border="1">
               <tr>
                   <td>姓名</td>
                   <td><input type="text" name="name" id="a_name" οnblur="check_name()"><span id="s_name"></span></td>
               </tr>
               <tr>
                   <td>密码</td>
                   <td><input type="password" name="pwd" id="a_pwd" οnblur="check_pwd()"><span id="s_pwd"></span></td>
               </tr>
               <tr>
                   <td>头像</td>
                   <td><input type="file" name="path"></td>
               </tr>
               <tr>
                   <td>城市</td>
                   <td>
                       <select name="a_city">
                           <volist name="arr" id="vo">
                               <option value="{$vo.ids}">{$vo.city}</option>
                           </volist>
                       </select>
                   </td>
               </tr>
               <tr>
                   <td>介绍</td>
                   <td>
                       <textarea cols="10" rows="2" name="des" οnkeyup="check_des()" id="a_des"></textarea>
                           <span id="s_des"></span>
                   </td>
               </tr>
               <tr>
                   <td>验证码</td>
                   <td><input type="text" name="code">
                        <img src="__URL__/code" οnclick="this.src='__URL__/code/'+Math.random()">
                   </td>
               </tr>
               <tr>
                   <td><input type="submit" value="添加"></td>
                   <td></td>
               </tr>
           </table>
       </form>
</body>
</html>
<script>
    function check_name(){
        var name=document.getElementById("a_name").value;
        var flag=false;
        var reg=/^[\u4e00-\u9fa5]{2,}$/;
        if(name==""){
            document.getElementById("s_name").innerHTML="名空";
            return false
        }else if(!reg.test(name)){
            document.getElementById("s_name").innerHTML="大于2个汉字";
            return false
        }else{
            var ajax=new XMLHttpRequest();
            ajax.onreadystatechange=function(){
                if(ajax.readyState==4 && ajax.status==200){
                    //alert(ajax.responseText)
                    if(ajax.responseText==1){
                        document.getElementById("s_name").innerHTML="chunzai";
                        flag=false;
                    }else{
                        document.getElementById("s_name").innerHTML="OK";
                        flag=true;
                    }
                }
            }
            ajax.open("get","__URL__/yanzheng/name/"+name,false);
            ajax.send(null);
            return flag;
        }
    }

    //密码
    function check_pwd(){
        var pwd=document.getElementById("a_pwd").value;
        var reg=/^\w{3,}$/;
        if(pwd==""){
            document.getElementById("s_pwd").innerHTML="米空";
            return false;
        }else if(!reg.test(pwd)){
            document.getElementById("s_pwd").innerHTML="大于3位";
            return false;
        }else{
            document.getElementById("s_pwd").innerHTML="OK";
                return true;
        }
    }

    //介绍
    function check_des(){
        var des=document.getElementById("a_des").value;
        var reg=/^[\u4e00-\u9fa5]{1,30}$/;

        if(des.length<=30){
            if(!reg.test(des)){
               alert("hanzi");
                return false;
            }else{
                document.getElementById("s_des").innerHTML="你还可以输入"+(30-des.length)+"字";
                return true;
            }
        }else{
            document.getElementById("a_des").value=des.substr(0,30);
        }
    }

    function check_all(){
        if(check_name()&check_pwd()&check_des()){
            return true;
        }else{
            return false;
        }
    }
</script>