ajax 请求提交按钮，不能使用submit,否则不是局部提交

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="/js/jquery-1.11.2.min.js" type="text/javascript"></script>
</head>
<body>
<form method="post">
手机号：<input type="test" name="number" id="number"/>
<button type="button" tabindex="4" id="button" >提交</button>
</form>
<script>

$(document).ready(function(){
$('#button').click(function(){
var number = $('#number').val();
var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;
if (!myreg.test(number)) {
alert("电话号码输入不正确，请重新输入！")
return false;
} else {
$.ajax({
url:'',
type:'post',
data:{number:number},
datatype:'json',
success:function(data){
var jsondata=$.parseJSON(data);
// alert(jsondata.id);
if(jsondata.status==200){
alert(jsondata);
}else if(jsondata.status==0){
alert(jsondata.error);
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("请求超时");

}
})
}
});
});

</script>
</body>
</html>

posted @ 2018-06-26 11:04  星云惊蛰  阅读(185)  评论(0)    收藏  举报