菜鸟提问:让提交按钮检测表单数据,正确的提交,不正确不提交并且不刷新页面
1个回答
展开全部
$('#email').blur(function(){
var email=$('#email').val();
var reg_email =/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
if(reg_email.test(email)==false){$('#email_check').html(" <span style='color:red;'>邮箱格式不正确</span>"); }
else{
$('#email_check').html(" <span style='color:red;'>通过</span>");
}
})
//密码验证
$('#passwd1').blur(function(){
var passwd1=$('#passwd1').val();
if(passwd1.length<6){$('#p1').html(" <span style='color:red'>密码不能小于六位</span>");}
else{ $('#p1').html(" <span style='color:red'>通过</span>");}
})
$('#passwd').blur(function(){
var passwd1=$('#passwd1').val();
var passwd=$('#passwd').val();
if(passwd1!=passwd){$('#p2').html(" <span style='color:red'>两次密码输入不一样</span>");}
else{$('#p2').html(" <span style='color:red'>通过</span>"); }
})
类似这种,填写每个表单数据时,自动验证一下,点提交按钮时,在执行一个函数,判断一下,错误返回false 正确变去执行表单action
var email=$('#email').val();
var reg_email =/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
if(reg_email.test(email)==false){$('#email_check').html(" <span style='color:red;'>邮箱格式不正确</span>"); }
else{
$('#email_check').html(" <span style='color:red;'>通过</span>");
}
})
//密码验证
$('#passwd1').blur(function(){
var passwd1=$('#passwd1').val();
if(passwd1.length<6){$('#p1').html(" <span style='color:red'>密码不能小于六位</span>");}
else{ $('#p1').html(" <span style='color:red'>通过</span>");}
})
$('#passwd').blur(function(){
var passwd1=$('#passwd1').val();
var passwd=$('#passwd').val();
if(passwd1!=passwd){$('#p2').html(" <span style='color:red'>两次密码输入不一样</span>");}
else{$('#p2').html(" <span style='color:red'>通过</span>"); }
})
类似这种,填写每个表单数据时,自动验证一下,点提交按钮时,在执行一个函数,判断一下,错误返回false 正确变去执行表单action
追问
提交按钮可以执行 onclick = “function()”函数 可是“两次密码输入不一样”这样的信息 返回不到document.getElementById("goodclassid_1").innerHTML=this.req.responseText; 中,没有提示信息。
追答
可以这样写哦比如这个:如果验证正确的话为空嘛!
function();函数里这样:
if($("#z").html()=='')
#("#form").submit();
具体情况看你自己怎么写了!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询