php jq 提交表单验证,jquery表单验证再提交

name

.phone_k,.name_k{

position:relative;

margin:0 auto;

border: 0;

text-align: center;

border-radius: 0.5rem;

height: 0.65rem;

width: 4.5rem;

margin-bottom: 0.1rem;}

.lable_gs{

position:absolute;

border: 0;

right:0;

top:0;

text-align: left;

border-radius: 0.5rem;

height: 0.65rem;

width: 0.6rem;

line-height:0.65rem;

font-size: 0.4rem;

font-weight: bold;

}

.red{color:#F00;}

.green{color:#0aa770;}

$(function(){

var ok1=false;

var ok2=false;

// 验证用户名

$('input[name="name"]').focus(function(){

$("#label0").text('×').removeClass('green').addClass('red');

}).blur(function(){

if($(this).val().length >= 2 && $(this).val().length <=12 && $(this).val()!=''){

$("#label0").text('√').removeClass('red').addClass('green');

ok1=true;

}else{

$("#label0").text('×').removeClass('green').addClass('red');

}

});

//验证电话

$('input[name="phone"]').focus(function(){

$("#label1").text('×').removeClass('green').addClass('red');

}).blur(function(){

if($(this).val().search(/^1[3|4|5|7|8]\d{9}$/)){

$("#label1").text('×').removeClass('green').addClass('red');

}else{

$("#label1").text('√').removeClass('red').addClass('green');

ok2=true;

}

});

//提交按钮,所有验证通过方可提交

$('input[name="submit"]').click(function(){

if(ok1 && ok2){

$('form').submit();

}else{

alert("您填写的姓名或电话不正确请重新填写！");

return false;

}

});

});