Php 我能'；t使用jQuery验证让我的表单进行验证和提交

我已经在这里和其他地方挖了一段时间了，我被卡住了。我试图使用jQuery验证我的表单（在用户填写表单的同时），如果表单有效，请将其提交到我创建的php页面以处理表单内容。我已经能够让它验证，但我不能让它也提交它…如果我在表单action parm中输入一个值，那么它就会绕过验证。请帮忙

我为错误的编码提前道歉。 以下是我的jquery-validate.js：

//global vars
var form = $("#customForm");
var name = $("#name");
var nameInfo = $("#nameInfo");
var email = $("#email");
var emailInfo = $("#emailInfo");
var pass1 = $("#pass1");
var pass1Info = $("#pass1Info");
var pass2 = $("#pass2");
var pass2Info = $("#pass2Info");
var message = $("#message");

function validateName(){
//if it's NOT valid
if(name.val().length < 4){
    name.addClass("error");
    nameInfo.text("We want names with more than 3 letters!");
    nameInfo.addClass("error");
    return false;
}
//if it's valid
else{
    name.removeClass("error");
    nameInfo.text("What's your name?");
    nameInfo.removeClass("error");
    return true;
}
}
function validatePass1(){
var a = $("#password1");
var b = $("#password2");

//it's NOT valid
if(pass1.val().length <5){
    pass1.addClass("error");
    pass1Info.text("Ey! Remember: At least 5 characters: letters, numbers and '_'");
    pass1Info.addClass("error");
    return false;
}
//it's valid
else{
    pass1.removeClass("error");
    pass1Info.text("At least 5 characters: letters, numbers and '_'");
    pass1Info.removeClass("error");
    validatePass2();
    return true;
}
}
function validatePass2(){
var a = $("#password1");
var b = $("#password2");
//are NOT valid
if( pass1.val() != pass2.val() ){
    pass2.addClass("error");
    pass2Info.text("Passwords doesn't match!");
    pass2Info.addClass("error");
    return false;
}
//are valid
else{
    pass2.removeClass("error");
    pass2Info.text("Confirm password");
    pass2Info.removeClass("error");
    return true;
}
}
function validateMessage(){
//it's NOT valid
if(message.val().length < 10){
    message.addClass("error");
    return false;
}
//it's valid
else{
    message.removeClass("error");
    return true;
}
}
/*
Validate the name field in: blur and keyup events.
Validate the email field in: blur event.
Validate the password fields in: blur and keyup events.
Validate the message field in: blur, and keyup event.
Validate all fields in: submit form event
*/

//On blur
name.blur(validateName);
email.blur(validateEmail);
pass1.blur(validatePass1);
pass2.blur(validatePass2);
//On key press
name.keyup(validateName);
pass1.keyup(validatePass1);
pass2.keyup(validatePass2);
message.keyup(validateMessage);
//On Submitting
form.submit(function(){
if(validateName() && validateEmail() && validatePass1() && validatePass2() && validateMessage()) 
    return true; 
else
    return false;
});

//全局变量
变量形式=$（“#自定义形式”）；
变量名称=$（“#名称”）；
变量名称信息=$（“#名称信息”）；
var email=$（“#email”）；
var emailInfo=$（“#emailInfo”）；
var pass1=$（“#pass1”）；
var pass1Info=$（“#pass1Info”）；
var pass2=$（“#pass2”）；
var pass2Info=$（“#pass2Info”）；
var message=$（“#message”）；
函数validateName（）{
//如果它是无效的
if（name.val（）.length<4）{
name.addClass（“错误”）；
text（“我们希望名称包含3个以上的字母！”）；
nameInfo.addClass（“错误”）；
返回false；
}
//如果有效的话
否则{
name.removeClass（“错误”）；
text（“你叫什么名字？”）；
nameInfo.removeClass（“错误”）；
返回true；
}
}
函数validatePass1（）{
变量a=$（“#密码1”）；
变量b=$（“#密码2”）；
//这是无效的
如果（pass1.val（）.length您有一些问题，表单提交代码周围没有花括号，并且没有验证电子邮件的功能，请尝试以下操作：

//global vars
var form = $("#customForm");
var fname = $("#name");
var nameInfo = $("#nameInfo");
var email = $("#email");
var emailInfo = $("#emailInfo");
var pass1 = $("#pass1");
var pass1Info = $("#pass1Info");
var pass2 = $("#pass2");
var pass2Info = $("#pass2Info");
var message = $("#message");

function validateName() {
    //if it's NOT valid
    if (fname.val().length < 4) {
        fname.addClass("error");
        nameInfo.text("We want names with more than 3 letters!");
        nameInfo.addClass("error");
        return false;
    }
    //if it's valid
    else {
        fname.removeClass("error");
        nameInfo.text("What's your name?");
        nameInfo.removeClass("error");
        return true;
    }
}

function validatePass2() {
    var a = $("#password1");
    var b = $("#password2");
    //are NOT valid
    if (pass1.val() != pass2.val()) {
        pass2.addClass("error");
        pass2Info.text("Passwords doesn't match!");
        pass2Info.addClass("error");
        return false;
    }
    //are valid
    else {
        pass2.removeClass("error");
        pass2Info.text("Confirm password");
        pass2Info.removeClass("error");
        return true;
    }
}

function validatePass1() {
    var a = $("#password1");
    var b = $("#password2");

    //it's NOT valid
    if (pass1.val().length < 5) {
        pass1.addClass("error");
        pass1Info.text("Ey! Remember: At least 5 characters: letters, numbers and '_'");
        pass1Info.addClass("error");
        return false;
    }
    //it's valid
    else {
        pass1.removeClass("error");
        pass1Info.text("At least 5 characters: letters, numbers and '_'");
        pass1Info.removeClass("error");
        validatePass2();
        return true;
    }
}

function validateMessage() {
    //it's NOT valid
    if (message.val().length < 10) {
        message.addClass("error");
        return false;
    }
    //it's valid
    else {
        message.removeClass("error");
        return true;
    }
}

function validateEmail(){
    //add validation for email here
    return true;
}
/*
Validate the name field in: blur and keyup events.
Validate the email field in: blur event.
Validate the password fields in: blur and keyup events.
Validate the message field in: blur, and keyup event.
Validate all fields in: submit form event
*/

//On blur
fname.blur(validateName);
email.blur(validateEmail);
pass1.blur(validatePass1);
pass2.blur(validatePass2);
//On key press
fname.keyup(validateName);
pass1.keyup(validatePass1);
pass2.keyup(validatePass2);
message.keyup(validateMessage);
//On Submitting
form.submit(function() {
    if (validateName() && validateEmail() && validatePass1() && validatePass2() && validateMessage()) {
        return true;
    }
    else {
        return false;
    }
});

//全局变量
变量形式=$（“#自定义形式”）；
变量fname=$（“#名称”）；
变量名称信息=$（“#名称信息”）；
var email=$（“#email”）；
var emailInfo=$（“#emailInfo”）；
var pass1=$（“#pass1”）；
var pass1Info=$（“#pass1Info”）；
var pass2=$（“#pass2”）；
var pass2Info=$（“#pass2Info”）；
var message=$（“#message”）；
函数validateName（）{
//如果它是无效的
if（fname.val（）.length<4）{
fname.addClass（“错误”）；
text（“我们希望名称包含3个以上的字母！”）；
nameInfo.addClass（“错误”）；
返回false；
}
//如果有效的话
否则{
fname.removeClass（“错误”）；
text（“你叫什么名字？”）；
nameInfo.removeClass（“错误”）；
返回true；
}
}
函数validatePass2（）{
变量a=$（“#密码1”）；
变量b=$（“#密码2”）；
//无效
如果（pass1.val（）！=pass2.val（））{
pass2.addClass（“错误”）；
text（“密码不匹配！”）；
pass2Info.addClass（“错误”）；
返回false；
}
//有效
否则{
pass2.removeClass（“错误”）；
pass2Info.text（“确认密码”）；
pass2Info.removeClass（“错误”）；
返回true；
}
}
函数validatePass1（）{
变量a=$（“#密码1”）；
变量b=$（“#密码2”）；
//这是无效的
if（pass1.val（）.length<5）{
pass1.addClass（“错误”）；
pass1Info.text（“Ey！记住：至少有5个字符：字母、数字和“\”）；
pass1Info.addClass（“错误”）；
返回false；
}
//这是有效的
否则{
pass1.removeClass（“错误”）；
pass1Info.text（“至少5个字符：字母、数字和“"”）；
pass1Info.removeClass（“错误”）；
validatePass2（）；
返回true；
}
}
函数validateMessage（）{
//这是无效的
if（message.val（）.长度<10）{
message.addClass（“错误”）；
返回false；
}
//这是有效的
否则{
message.removeClass（“错误”）；
返回true；
}
}
函数validateEmail（）{
//在此处添加电子邮件验证
返回true；
}
/*
验证：blur和keyup事件中的名称字段。
验证：blur事件中的电子邮件字段。
验证：blur和keyup事件中的密码字段。
验证：blur和keyup事件中的消息字段。
验证：提交表单事件中的所有字段
*/
//关于模糊
fname.blur（validateName）；
email.blur（validateEmail）；
pass1.blur（validatePass1）；
pass2.blur（validatePass2）；
//按键
fname.keyup（validateName）；
pass1.keyup（validatePass1）；
pass2.keyup（validatePass2）；
message.keyup（validateMessage）；
//提交时
表单提交（函数（）{
if（validateName（）&&validateEmail（）&&validatePass1（）&&validatePass2（）&&validateMessage（））{
返回true；
}
否则{
返回false；
}
});
我为您提供了一种在一个函数中验证所有输入/textarea的简单方法，但您必须完成它，我刚刚为您提供了结构和唯一名称验证的示例，希望您能够轻松理解。如果您需要更多帮助/困难，请留言。这应该放在ready event中

var info={
    'nameInfo':$("#nameInfo"),
    'emailInfo':$("#emailInfo"),
    'pass1Info':$("#pass1Info"),
    'pass2Info':$("#pass2Info")
}
$('#customForm input,textarea').not("#send").bind('blur keyup', function(e)
{
    e.stopPropagation();
    var el=$(e.target);
    var id=el.attr('id');

    if(el.attr('id')=='message' && e.type=="keyup") 
    {
        return false;
    }   
    else 
    {
        if(id=="name")
        {   if(el.val().length < 4)
            {
                el.addClass("error");
                info.nameInfo.text("We want names with more than 3 letters!");
                info.nameInfo.addClass("error");
                return false;
            }
            else
            {
                el.removeClass("error");
                info.nameInfo.text("What's your name ?");
                info.nameInfo.removeClass("error");
                return true;
            }
        }

        if(id=="email")
        {
            // Your email validation code   
        }   
        if(id=="pass1")
        {
             // Your pass1 validation code  
        }
        if(id=="pass2")
        {
             // Your pass2 validation code  
        }
        if(id=="message")   
        {   
             // Your message validation code    
        }
    }   
});

var信息={
“名称信息”：$（“#名称信息”），
“emailInfo”：$（“emailInfo”），
'pass1Info'：$（“#pass1Info”），
'pass2Info'：$（“#pass2Info”）
}
$（'#customForm input，textarea'）。不（“#send”）。绑定（'blur keyup'，函数（e）
{
e、 停止传播（）；
var el=$（e.target）；
变量id=el.attr（'id'）；
if（el.attr（'id'）=='message'&&e.type=='keyup'））
{
返回false；
}   
其他的
{
如果（id=“名称”）
{if（el.val（）.length<4）
{
el.addClass（“错误”）；
info.nameInfo.text（“我们希望名称包含3个以上的字母！”）；
info.nameInfo.addClass（“错误”）；
返回false；
}
其他的
{
el.removeClass（“错误”）；
info.nameInfo.text（“你叫什么名字？”）；
info.nameInfo.removeClass（“错误”）；
返回true；
}
}
如果（id=“电子邮件”）
{
//您的电子邮件验证码
}   
如果（id=“pass1”）
{
//您的pass1验证码
}
如果（id=“pass2”）
{
//您的pass2验证码
}
如果（id=“消息”）
{   
//您的邮件验证代码
}
}
//global vars
var form = $("#customForm");
var fname = $("#name");
var nameInfo = $("#nameInfo");
var email = $("#email");
var emailInfo = $("#emailInfo");
var pass1 = $("#pass1");
var pass1Info = $("#pass1Info");
var pass2 = $("#pass2");
var pass2Info = $("#pass2Info");
var message = $("#message");

function validateName() {
    //if it's NOT valid
    if (fname.val().length < 4) {
        fname.addClass("error");
        nameInfo.text("We want names with more than 3 letters!");
        nameInfo.addClass("error");
        return false;
    }
    //if it's valid
    else {
        fname.removeClass("error");
        nameInfo.text("What's your name?");
        nameInfo.removeClass("error");
        return true;
    }
}

function validatePass2() {
    var a = $("#password1");
    var b = $("#password2");
    //are NOT valid
    if (pass1.val() != pass2.val()) {
        pass2.addClass("error");
        pass2Info.text("Passwords doesn't match!");
        pass2Info.addClass("error");
        return false;
    }
    //are valid
    else {
        pass2.removeClass("error");
        pass2Info.text("Confirm password");
        pass2Info.removeClass("error");
        return true;
    }
}

function validatePass1() {
    var a = $("#password1");
    var b = $("#password2");

    //it's NOT valid
    if (pass1.val().length < 5) {
        pass1.addClass("error");
        pass1Info.text("Ey! Remember: At least 5 characters: letters, numbers and '_'");
        pass1Info.addClass("error");
        return false;
    }
    //it's valid
    else {
        pass1.removeClass("error");
        pass1Info.text("At least 5 characters: letters, numbers and '_'");
        pass1Info.removeClass("error");
        validatePass2();
        return true;
    }
}

function validateMessage() {
    //it's NOT valid
    if (message.val().length < 10) {
        message.addClass("error");
        return false;
    }
    //it's valid
    else {
        message.removeClass("error");
        return true;
    }
}

function validateEmail(){
    //add validation for email here
    return true;
}
/*
Validate the name field in: blur and keyup events.
Validate the email field in: blur event.
Validate the password fields in: blur and keyup events.
Validate the message field in: blur, and keyup event.
Validate all fields in: submit form event
*/

//On blur
fname.blur(validateName);
email.blur(validateEmail);
pass1.blur(validatePass1);
pass2.blur(validatePass2);
//On key press
fname.keyup(validateName);
pass1.keyup(validatePass1);
pass2.keyup(validatePass2);
message.keyup(validateMessage);
//On Submitting
form.submit(function() {
    if (validateName() && validateEmail() && validatePass1() && validatePass2() && validateMessage()) {
        return true;
    }
    else {
        return false;
    }
});

var info={
    'nameInfo':$("#nameInfo"),
    'emailInfo':$("#emailInfo"),
    'pass1Info':$("#pass1Info"),
    'pass2Info':$("#pass2Info")
}
$('#customForm input,textarea').not("#send").bind('blur keyup', function(e)
{
    e.stopPropagation();
    var el=$(e.target);
    var id=el.attr('id');

    if(el.attr('id')=='message' && e.type=="keyup") 
    {
        return false;
    }   
    else 
    {
        if(id=="name")
        {   if(el.val().length < 4)
            {
                el.addClass("error");
                info.nameInfo.text("We want names with more than 3 letters!");
                info.nameInfo.addClass("error");
                return false;
            }
            else
            {
                el.removeClass("error");
                info.nameInfo.text("What's your name ?");
                info.nameInfo.removeClass("error");
                return true;
            }
        }

        if(id=="email")
        {
            // Your email validation code   
        }   
        if(id=="pass1")
        {
             // Your pass1 validation code  
        }
        if(id=="pass2")
        {
             // Your pass2 validation code  
        }
        if(id=="message")   
        {   
             // Your message validation code    
        }
    }   
});