javascript验证

来源：互联网发布：西安广告算法工程师编辑：程序博客网时间：2024/06/05 18:08
<!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" onsubmit="return check_all()">           <table border="1">               <tr>                   <td>姓名</td>                   <td><input type="text" name="name" id="a_name" onblur="check_name()"><span id="s_name"></span></td>               </tr>               <tr>                   <td>密码</td>                   <td><input type="password" name="pwd" id="a_pwd" onblur="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" onkeyup="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" onclick="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>
0 0