js验证手机号邮箱号用户名

js验证手机号邮箱号用户名
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> </head> <div role="alert" id="warningerr" style="display: none;"> <div id="warningerrmsg"><strong>错误:</strong> 角色名重复</div> </div> <script type="text/javascript"> function checkButton() { //用户名验证 var res = ''; var username = $('#username').val(); $.ajax ({ //一个Ajax过程 type: "post", //以post方式与后台沟通 url : "1.php", //与此php页面沟通 dataType:'json',//从php返回的值以 JSON方式 解释 async:false, data: 'username='+username, success: function(data) {//如果调用php成功 res = data; } }); if (username == '') { waraing('<strong>错误:</strong>  用户名不能为空'); return false; } if (res.err == 1) { waraing('<strong>错误:</strong>  用户名已存在!'); return false; } if(username.length>10) { waraing('<strong>错误:</strong>  用户名不能超过10个字');return false; } ////验证邮箱格式 var email = $('#email').val(); var reyx= /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/; if(email == '') { waraing('<strong>错误:</strong>  邮箱不能为空');return false; } if(reyx.test(email) == false) { waraing('<strong>错误:</strong>  邮箱格式不对');return false; } //验证手机号格式 var tel = $('#phoneNumber').val(); var reg = /^0?1[3|4|5|8][0-9]\d{8}$/; if(tel == '') { waraing('<strong>错误:</strong>  手机号码不能为空');return false; } if(reg.test(tel) == false) { waraing('<strong>错误:</strong>  手机号码格式不对');return false; } $('#form1').submit(function (){ $(this).serialize(); }); } function waraing(a) { $('#warningerrmsg').html(a); $('#warningerr').show(); window.scrollTo(0,0); } </script> <body> <form action="1.php" method="post" name="form1" id="form1"> <table width="600" border="1" cellspacing="0" cellpadding="9"> <tr> <td width="133">用户名:</td> <td width="425"><input type="text" name="username" id="username" /></td> </tr> <tr> <td>email:</td> <td><input type="text" name="email" id="email" /></td> </tr> <tr> <td>手机号码:</td> <td><input type="text" name="phoneNumber" id="phoneNumber" /></td> </tr> <tr> <td colspan="2"><button type="submit" name="button" id="button" onclick="javascript:return checkButton()">提交</button></td> </tr> </table> </form> </body> </html>

  

你可能感兴趣的:(js验证手机号邮箱号用户名)