javascript验证

xiaoxiao2022-06-30 63

<!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>

转载请注明原文地址: https://ju.6miu.com/read-1125981.html

专利

最新回复(0)