ajax 实现当输入用户名或手机号找回密码的前台操作

1、页面设置：

<form id="jvForm" action="forgot_password_jsfund.jspx"  method="post">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td height="30" align="right">登录账号：</td>
<td width="645"><input type="text" id="username" name="username" value="身份证或是手机号"  class="input required"/>
<!-- <input type="button"  value="发验证码"  /> -->
</td>
</tr>

<tr>

            <td height="40" colspan="2" align="center">
<input type="button"  onclick="checkMobile();"  name="register" id="SMSCheckCoder" value="下一步" />
</td>
</tr>
</table>

</form>

==============================================================================================================================

2、ajax的实现：

<script language="javascript" type="text/javascript">
//注册表单验证
$("#SMSCheckCoder").click(
function() {
if (true) {
/* $("#SMSCheckCoder").attr("disabled", true);
var t = 12;
var idInt = setInterval(function() {
$("#SMSCheckCoder").val(t + "秒后重发");
t--;
if (t == 0 || t < 0) {
$("#SMSCheckCoder").removeAttr("disabled");
$("#SMSCheckCoder").val("发送验证码");
clearInterval(idInt);
}
}, 1000);  */
//发送AJAX请求
$.getJSON("${base}/sms/o_send.jspx?mobileNumber="
+ $("#username").val(), function(data) {
if (data.code == 0) {
alert("手机验证码发送成功，请注意查收。");
}
});
} 
   $("#jvForm").submit(); 
});
function checkMobile() {
var phone = $("#username").val();
/*  alert("dddddddddd"); */
 
if (phone && /^1[1|2|3|4|5|6|7|8|9]\d{9}$/.test(phone)) {
return true;
}else if(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(phone)==true){
$.ajax({
type:"POST",
url:"${base}/member/forgot_usernamevalidate_jsfund.jspx?username="+ phone,
dataType:"json",
success:function(result){
if (result.username && /^1[1|2|3|4|5|6|7|8|9]\d{9}$/.test(username)) {
return true;
}else if(result.username.trim() == ""){
$("#username").focus();
return false;
}
}
}); 
}else if(phone.trim() == "") {
/* alert("手机号码不能为空。"); */
$("#username").focus();
return false;
}else{
alert("您输入的账号不对，请重新输入。");
$("#username").focus();
return false;
}    
}
</script>