form表单提交问题
//昵称验证
$('.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表单提交时,怎么提前验证呢...求助。
$('.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表单提交时,怎么提前验证呢...求助。
...全文
相关推荐
Ajax提交Form表单页面仍会刷新问题的快速解决办法
Form表单后页面仍会刷新的问题,关键在于防止表单的默认提交行为。
Chrome Form多次提交表单问题的解决方法
在Web开发中,表单(Form)是用户与服务器交互的重要元素,用于收集用户输入的数据。
解决Extjs4中form表单提交后无法进入success函数问题
在开发使用Extjs4框架的应用程序时,可能会遇到form表单提交后,无法正确进入success回调函数的问题。
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
总结一下,遇到form表单提交多个name属性值相同的input标签问题时,我们可以通过将name属性的值改为数组形式(即在名字后面加上"[]")来解决。
layui 解决富文本框form表单提交为空的问题
layui 解决富文本框form表单提交为空的问题一直获取不到form data这样子就可以正常提交了以上这篇layui 解决富文本框form表单提交为空的问题就是小编分享给大家的全部内容了,希望能给


