在提交php之前验证表单

我有个问题要问

我有一张用户必须填写的表格。有几个字段有限制（例如名称不能为空）。问题是，每次我按下提交按钮，我都会弹出一个窗口，告诉我名称不能为空，但它会自动重定向到另一个页面。所以问题是：在重定向到页面或用户单击外部或按tab键之前，如何修改代码以进行验证

为了使用PHP实现此Im，请联系Form 7和wordpress。 这是我的密码：

php函数createAccount.php

<?php 
require_once('../../../wp-load.php');
include ('../../../wp-config.php');
global $wpdb;    
$nameErr = "";
if(isset($_POST['next']))
{
$name=addslashes($_POST['cName']);
$surname=addslashes($_POST['cSurname']);
$email=addslashes($_POST['cEmail']);
$phone =addslashes($_POST['cPhone']);
$otherPhone=implode($_POST['cOtherPhone']);
$languages=implode(' | ', $_POST['cLanguages']);
$address=addslashes($_POST['cAddress']);
$neighborhood=$_POST['cNeighborhood'];
$pswd=addslashes($_POST['cPswd']);
$service=$_POST['cService'];
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if(empty($_POST["cName"])) {
        $message = "wrong answer";
    echo "<script type='text/javascript'>alert('$message');
    </script>";
}
}else{

$wpdb->insert("Client",array(
"cName"=>$name,
"cSurname"=>$surname,
"cEmail"=>$email,
"cPhone"=>$phone,
"cOtherPhone"=>$otherPhone,
"cLanguages"=>$languages,
"cAddress"=>$address,
"cNeighborhood"=>$neighborhood,
"cPswd"=>$pswd,
"cService"=>$service
));
print_r("uq");
}  
}
 $wpdb->show_errors();
?>

例如，您可以在
中添加所需的属性，如下所示：

<input id=cLanguages type="checkbox" name=cLanguages[] value="English" required>



HTML中的必填字段有一个自动验证，可用于所有类型的输入。
例如，在
中，您可以添加如下所示的必填属性：

<input id=cLanguages type="checkbox" name=cLanguages[] value="English" required>



HTML中的必填字段有一个自动验证，可用于所有类型的输入。
在这种情况下，您可以使用jquery客户端验证：


在这种情况下，您可以使用jquery客户端验证：


您可以使用jQuery验证插件进行验证和表单提交

您还可以指定自定义消息

// Setup form validation on the #register-form element
$("#register-form").validate({

    // Specify the validation rules
    rules: {
        firstname: "required",
        lastname: "required",
        email: {
            required: true,
            email: true
        },
        password: {
            required: true,
            minlength: 5
        },
        agree: "required"
    },

    // Specify the validation error messages
    messages: {
        firstname: "Please enter your first name",
        lastname: "Please enter your last name",
        password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long"
        },
        email: "Please enter a valid email address",
        agree: "Please accept our policy"
    },

    submitHandler: function(form) {
        form.submit();
    }
});

您可以使用jQuery验证插件进行验证和表单提交

您还可以指定自定义消息

// Setup form validation on the #register-form element
$("#register-form").validate({

    // Specify the validation rules
    rules: {
        firstname: "required",
        lastname: "required",
        email: {
            required: true,
            email: true
        },
        password: {
            required: true,
            minlength: 5
        },
        agree: "required"
    },

    // Specify the validation error messages
    messages: {
        firstname: "Please enter your first name",
        lastname: "Please enter your last name",
        password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long"
        },
        email: "Please enter a valid email address",
        agree: "Please accept our policy"
    },

    submitHandler: function(form) {
        form.submit();
    }
});

你想使用客户端验证吗？我认为是最好的选择否？有两种类型的验证：1。客户端2。服务器端。你想要哪一个？客户端，我不需要去服务器上做任何事情。我只需要检查字段是否为空以及类似的内容，您仍然应该验证服务器端的所有数据，因为JS可以轻松绕过。您想使用客户端验证吗？我认为这是最好的选择否？有两种类型的验证：1。客户端2。服务器端。你想要哪一个？客户端，我不需要去服务器上做任何事情。我只需要检查字段是否为空以及类似的内容，您仍然应该验证服务器端的所有数据，因为JS很容易被绕过。然后我应该有一条自动消息吗？说它是必需的文件？没错，你也可以用javascript创建你自己的验证。然后我应该有一条自动消息吗？说这是一个必需的文件？没错，你也可以用javascript创建你自己的验证。我应该把这段代码添加到联系人表单中吗？在所有的字段或正确的方法都单独执行之后？它不起作用。当我按下按钮时，什么也没发生。。有什么想法吗？控制台中没有错误。我应该将此代码添加到联系人表单中吗？在所有的字段或正确的方法都单独执行之后？它不起作用。当我按下按钮时，什么也没发生。。有什么想法吗？控制台中没有错误，我理解。但是当我按下按钮提交时，什么都没有发生。我现在正在检查。Uodate我在中途的回答是：uncaughttypeerror:$不是一个函数，在更新的页面中包含所需的js。但当我按下按钮时，仍然没有发生任何事情。我错过了什么？我明白。但是当我按下按钮提交时，什么都没有发生。我现在正在检查。Uodate我在中途的回答是：uncaughttypeerror:$不是一个函数，在更新的页面中包含所需的js。但当我按下按钮时，仍然没有发生任何事情。我错过了什么？
$('#form_id').validate({
    rules:
    {
        elem_name:
        {
            required: true
        }
    },
    messages:
    {
        elem_name:
        {
            required: "Mandatory field"
        }
    }
});

// Setup form validation on the #register-form element
$("#register-form").validate({

    // Specify the validation rules
    rules: {
        firstname: "required",
        lastname: "required",
        email: {
            required: true,
            email: true
        },
        password: {
            required: true,
            minlength: 5
        },
        agree: "required"
    },

    // Specify the validation error messages
    messages: {
        firstname: "Please enter your first name",
        lastname: "Please enter your last name",
        password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long"
        },
        email: "Please enter a valid email address",
        agree: "Please accept our policy"
    },

    submitHandler: function(form) {
        form.submit();
    }
});