form表单提交问题

[wei494989879]

//昵称验证
$('.nick input').on('blur',function(){
if ($('.nick input').val()!=''&&$('.nick input').val().length<=12){
$('.nick p').css('background-position','-30px 10px');
$('.nick .sp').text('');
}else{
$('.nick p').css('background-position','-60px 10px');
$('.nick .sp').text('昵称不合法').css('color','red');
}

})
//邮箱验证
$('.email input').on('blur',function(){
if (/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test($('.email input').val())){
$('.email p').css('background-position','-30px 10px');
$('.email .osp').text('');
}else{
$('.email p').css('background-position','-60px 10px');
$('.email .osp').text('邮箱格式不合法，请你重新输入').css('color','red');
}
})
//密码验证
$('.pass input').on('keyup',function(){
var value= $('.pass input').val();
var vlen=value.length;
if (vlen>=6&&vlen<=18){
$('.pwd .pwd1').css('background-position','10px -250px');
}else{
$('.pwd .pwd1').css('background-position','10px -285px');
}
if (vlen > 0 && !/\s/.test(value)){
$('.pwd .pwd2').css('background-position','10px -250px');
}else{
$('.pwd .pwd2').css('background-position','10px -285px');
}
if (vlen > 0 && /\d{9,}/.test(value)){
$('.pwd .pwd3').css('background-position','10px -250px');
}else{
$('.pwd .pwd3').css('background-position','10px -285px');
};

})
$('.pass input').on('blur',function(){
var value= $('.pass input').val();
var vlen=value.length;
if (vlen >= 6 && vlen<= 18 && !/\s/.test(value) &&/\d{9,}/.test(value) ) {
$('.pwd').css('display','none');
$('.pass p').css('background-position','-30px 10px');
}

})
//确认密码
$('.npass input').on('blur',function(){
if ($('.npass input').val()==''){
$('.npass p').css('background-position','-60px 10px');
$('.npass .sp').text('请确认密码').css('color','red');
}
else if ($('.npass input').val()==$('.pass input').val()){
$('.npass p').css('background-position','-30px 10px');
$('.npass .sp').text('');
}else{
$('.npass p').css('background-position','-60px 10px');
$('.npass .sp').text('密码不一致').css('color','red');
}

})
if ($("input[name='rad']:checked").val()){

}

因为都是单独的触发事件，在form表单提交时，怎么提前验证呢...求助。

[slwsss]

form onsubmit 事件 验证函数提取出来

[wei494989879]

不会...刚学一个月.能示范一个吗？，我就会写这些事件，怎么提出来不会弄

[slwsss]

//昵称验证 function cknick=function(a){ if ($('.nick input').val()!=''&&$('.nick input').val().length<=12){ $('.nick p').css('background-position','-30px 10px'); $('.nick .sp').text('');return true; }else{ $('.nick p').css('background-position','-60px 10px'); $('.nick .sp').text('昵称不合法').css('color','red');return false; } } //邮箱验证 function ckmail(a){ if (/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test($('.email input').val())){ $('.email p').css('background-position','-30px 10px'); $('.email .osp').text('');return true; }else{ $('.email p').css('background-position','-60px 10px'); $('.email .osp').text('邮箱格式不合法，请你重新输入').css('color','red');return false; } } $('.nick input').on('blur',cknick); $('.email input').on('blur',cknick); $('form').on('submit',function(){ var r=true; r=r&&cknick(); r=r&&ckmail(); return r; })

[快乐起航2020]

学习了

[wei494989879]

谢谢了，现在都解决了