用$(document).ready(function(){ })函数这种形式校验提交时怎么避免错误表单的发送
$(document).ready(function(){$.formValidator.initConfig({formID:"form1",onError:funct...
$(document).ready(function(){
$.formValidator.initConfig({formID:"form1",onError:function(){alert("校验没有通过,具体错误请看错误提示")}});
$("#qd").formValidator({onShow:""}).regexValidator({regExp:"aaaaa",dataType:"enum",onError:"格式不正确"});
$("#fk").formValidator({onShow:""}).inputValidator({min:0,max:40,onError:"你输入的长度不正确,请确认"}).regexValidator({regExp:"notempty",dataType:"enum",onError:"您还未输入渠道名称"});
$("#mz").formValidator({onShow:""}).inputValidator({min:0,max:10,onError:"你输入的长度不正确"}).regexValidator({regExp:"notempty1",dataType:"enum",onError:"您还未输入名字"});
$("#shouji").formValidator({onShow:""}).regexValidator({regExp:"mobile",dataType:"enum",onError:"你输入的电话号码格式不正确"});
$("#dh").formValidator({onShow:""}).regexValidator({regExp:"mobile",dataType:"enum",onError:"你输入的电话号码格式不正确"});
$("#zs1").formValidator({onShow:""}).regexValidator({regExp:"num1",dataType:"enum",onError:"格式不正确"});
$("#fgqy").formValidator({onShow:""}).inputValidator({min:0,max:40,onError:"你输入的长度不正确"}).regexValidator({regExp:"notempty",dataType:"enum",onError:"您还未输入覆盖区域"});
$("#fds").formValidator({onShow:""}).regexValidator({regExp:"decma16",dataType:"enum",onError:"输入错误"});
$("#fl").formValidator({onShow:""}).inputValidator({min:0,max:50,onError:"你输入的长度不正确"}).regexValidator({regExp:"notempty",dataType:"enum",onError:"您还未输入渠道地址"});
$("#pd").formValidator({onShow:""}).inputValidator({min:0,max:10,onError:"你输入的长度不正确"}).regexValidator({regExp:"notempty",dataType:"enum",onError:"您输入的不正确"});
$("#kh").formValidator({onShow:"",onFocus:"描述至少要输入10个汉字或20个字符"}).inputValidator({min:1,max:200,onError:"你输入的长度不正确"});
$("#ms").formValidator({onShow:"",onFocus:"描述至少要输入100个汉字或200个字符",defaultValue:"环境描述:"}).inputValidator({min:200,max:600,onError:"你输入的长度不正确,请确认"});
$("#ms1").formValidator({onShow:"",onFocus:"描述至少要输入100个汉字或200个字符",defaultValue:"营业厅描述:"}).inputValidator({min:200,max:600,onError:"你输入的长度不正确,请确认"});
$("#jd").formValidator({onShow:""}).inputValidator({min:-360,max:360,type:"value",onError:"输入超出范围,不正确"}).regexValidator({regExp:"decmal3",dataType:"enum",onError:"格式不正确"});
$("#wd").formValidator({onShow:""}).inputValidator({min:-360,max:360,type:"value",onError:"输入超出范围,不正确"}).regexValidator({regExp:"decmal3",dataType:"enum",onError:"格式不正确"});
}); 展开
$.formValidator.initConfig({formID:"form1",onError:function(){alert("校验没有通过,具体错误请看错误提示")}});
$("#qd").formValidator({onShow:""}).regexValidator({regExp:"aaaaa",dataType:"enum",onError:"格式不正确"});
$("#fk").formValidator({onShow:""}).inputValidator({min:0,max:40,onError:"你输入的长度不正确,请确认"}).regexValidator({regExp:"notempty",dataType:"enum",onError:"您还未输入渠道名称"});
$("#mz").formValidator({onShow:""}).inputValidator({min:0,max:10,onError:"你输入的长度不正确"}).regexValidator({regExp:"notempty1",dataType:"enum",onError:"您还未输入名字"});
$("#shouji").formValidator({onShow:""}).regexValidator({regExp:"mobile",dataType:"enum",onError:"你输入的电话号码格式不正确"});
$("#dh").formValidator({onShow:""}).regexValidator({regExp:"mobile",dataType:"enum",onError:"你输入的电话号码格式不正确"});
$("#zs1").formValidator({onShow:""}).regexValidator({regExp:"num1",dataType:"enum",onError:"格式不正确"});
$("#fgqy").formValidator({onShow:""}).inputValidator({min:0,max:40,onError:"你输入的长度不正确"}).regexValidator({regExp:"notempty",dataType:"enum",onError:"您还未输入覆盖区域"});
$("#fds").formValidator({onShow:""}).regexValidator({regExp:"decma16",dataType:"enum",onError:"输入错误"});
$("#fl").formValidator({onShow:""}).inputValidator({min:0,max:50,onError:"你输入的长度不正确"}).regexValidator({regExp:"notempty",dataType:"enum",onError:"您还未输入渠道地址"});
$("#pd").formValidator({onShow:""}).inputValidator({min:0,max:10,onError:"你输入的长度不正确"}).regexValidator({regExp:"notempty",dataType:"enum",onError:"您输入的不正确"});
$("#kh").formValidator({onShow:"",onFocus:"描述至少要输入10个汉字或20个字符"}).inputValidator({min:1,max:200,onError:"你输入的长度不正确"});
$("#ms").formValidator({onShow:"",onFocus:"描述至少要输入100个汉字或200个字符",defaultValue:"环境描述:"}).inputValidator({min:200,max:600,onError:"你输入的长度不正确,请确认"});
$("#ms1").formValidator({onShow:"",onFocus:"描述至少要输入100个汉字或200个字符",defaultValue:"营业厅描述:"}).inputValidator({min:200,max:600,onError:"你输入的长度不正确,请确认"});
$("#jd").formValidator({onShow:""}).inputValidator({min:-360,max:360,type:"value",onError:"输入超出范围,不正确"}).regexValidator({regExp:"decmal3",dataType:"enum",onError:"格式不正确"});
$("#wd").formValidator({onShow:""}).inputValidator({min:-360,max:360,type:"value",onError:"输入超出范围,不正确"}).regexValidator({regExp:"decmal3",dataType:"enum",onError:"格式不正确"});
}); 展开
1个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" src="/js/jquery-1.4.4.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('form').submit(function() {
if ($("#msg").val() == "") {
alert($("#msg").val());
return true;
} else {
alert($("#msg").val());
return false;
}
});
$("#login").click(function(){
//var bool = false;
var d = "";
var nameText = $('#name').val();
var pwdText = $('#pwd').val();
var imgText = $('#imgtext').val();
if (nameText == "") {
alert("请输入用户名");
$('#name').focus();
return false;
}
else if (pwdText == "") {
alert("请输入密码");
$('#pwd').focus();
return false;
}
else if (imgText == "") {
alert("请输入验证码");
$('#imgtext').focus();
return false;
}
$.post("../validateCodeImage",
{
img : imgText
},
function(data, textStatus) {
$("#msg").hide();
$("#msg").html(data);
if (data == 3) {
alert("请输入正确的验证码");
}
else{
$('form').submit();
}
},
"json"
);
});
});
</script>
</head>
<body>
<form action="../userLoginServlet" method="post">
<ul id="deng">
<li>
用户名:
<input type="text" name="u_name" size="13" id="name">
</li>
<li>
密 码:
<input type="password" name="u_password" size="13" id="pwd">
</li>
<li>
验证码:
<input type="text" name="u_whereat" size="7" id="imgtext" />
<img src="../validateImage" border="0" onclick="changeImg()"
alt="请输入此验证码,如看不清请点击刷新。" style="cursor: pointer" id="image" />
<span id="msg"></span>
</li>
<li>
<input type="button" name="login" id="login" value="登陆">
<input type="button" name="regist" id="regist" value="注册"
onclick="javascript:window.location='jsp/register.jsp'">
</li>
</ul>
</form>
</body>
</html>
没提交?是不是做了什么改动?或者不返回3的时候data返回的是什么?现在是只有$("#msg").val() == "" 才可以提交,看看$("#msg").html(data);时是什么内容
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" src="/js/jquery-1.4.4.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('form').submit(function() {
if ($("#msg").val() == "") {
alert($("#msg").val());
return true;
} else {
alert($("#msg").val());
return false;
}
});
$("#login").click(function(){
//var bool = false;
var d = "";
var nameText = $('#name').val();
var pwdText = $('#pwd').val();
var imgText = $('#imgtext').val();
if (nameText == "") {
alert("请输入用户名");
$('#name').focus();
return false;
}
else if (pwdText == "") {
alert("请输入密码");
$('#pwd').focus();
return false;
}
else if (imgText == "") {
alert("请输入验证码");
$('#imgtext').focus();
return false;
}
$.post("../validateCodeImage",
{
img : imgText
},
function(data, textStatus) {
$("#msg").hide();
$("#msg").html(data);
if (data == 3) {
alert("请输入正确的验证码");
}
else{
$('form').submit();
}
},
"json"
);
});
});
</script>
</head>
<body>
<form action="../userLoginServlet" method="post">
<ul id="deng">
<li>
用户名:
<input type="text" name="u_name" size="13" id="name">
</li>
<li>
密 码:
<input type="password" name="u_password" size="13" id="pwd">
</li>
<li>
验证码:
<input type="text" name="u_whereat" size="7" id="imgtext" />
<img src="../validateImage" border="0" onclick="changeImg()"
alt="请输入此验证码,如看不清请点击刷新。" style="cursor: pointer" id="image" />
<span id="msg"></span>
</li>
<li>
<input type="button" name="login" id="login" value="登陆">
<input type="button" name="regist" id="regist" value="注册"
onclick="javascript:window.location='jsp/register.jsp'">
</li>
</ul>
</form>
</body>
</html>
没提交?是不是做了什么改动?或者不返回3的时候data返回的是什么?现在是只有$("#msg").val() == "" 才可以提交,看看$("#msg").html(data);时是什么内容
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询