ajax实现提交时校验表单方法(ajax实现表单验证用户注册流程是什么样的)太疯狂了

随心笔谈2年前发布 admin
190 0 0

文章摘要

这篇文章介绍了一个JavaScript函数`inserts()`,用于处理表单插入soldier相关的功能。该函数首先调用`checkForm()`函数对表单输入进行严格验证,包括姓名、性别、年龄、政治面貌、联系电话、身份证号和主要诉求等字段的检查。如果输入不合法,将提示相应信息并返回;否则,通过AJAX方式向服务器发送POST请求。服务器返回数据后,成功时会提示信息并刷新页面,错误时显示错误提示。文章重点展示了表单验证和AJAX数据传输的实现逻辑。


function inserts(){
var flag=checkForm();
if (flag==false) {
return;
}
$.ajax({
//几个参数需要注意一下
type: “POST”,//方法类型
dataType: “json”,//预期服务器返回的数据类型
url: “<%=path %>/soldier/inserts” ,//url
data: $(‘#form1′).serialize(),
success: function (data) {
alert(data.msg);
window.location.reload(true);
},
error : function() {
alert(data.msg);
}
});
}
function checkForm(){
var name=$(“#name”).val();
if (name.trim()==”) {
alert(“请输入姓名!”);
$(“#name”).focus();
return false;
}
var sex=$(“#sex”).val();
if (sex.trim()==”) {
alert(“请输入性别!”);
$(“#sex”).focus();
return false;
} else if (sex.trim() !=’男’ && sex.trim() !=’女’) {
alert(“请输入合法性别!”);
$(“#sex”).val(”);
$(“#sex”).focus();
return false;
}
var age=$(“#age”).val();
if (age.trim()==”) {
alert(“请输入年龄!”);
$(“#age”).focus();
return false;
}else if(age.trim()==0 || age.trim()<=0 || age.trim()>150){
alert(“请输入合法年龄!”);
$(“#age”).focus();
return false;
}
var politics_sstatus=$(“#politics_sstatus”).val();
if (politics_sstatus.trim()==”) {
alert(“请输入政治面貌!”);
$(“#politics_sstatus”).focus();
return false;
}
var tel=$(“#tel”).val();
if (tel.trim()==”) {
alert(“请输入联系电话!”);
$(“#tel”).focus();
return false;
}else if(tel.length<11 || tel.length>11){
alert(“请输入合法联系电话!”);
$(“#tel”).focus();
return false;
}
var id_card=$(“#id_card”).val();
if (id_card.trim()==”) {
alert(“请输入身份证号码!”);
$(“#id_card”).focus();
return false;
}else if(id_card.length<18 ||id_card.length>18){
alert(“请输入合法身份证号码!”);
$(“#id_card”).focus();
return false;
}
var appeal=$(“#appeal”).val();
if (appeal.trim()==”) {
alert(“请输入主要诉求!”);
$(“#appeal”).focus();
return false;
}
return true;
}

© 版权声明

相关文章