php - Jquery:验证表单而不刷新页面

Question

我需要帮助来使用 jquery 验证我的联系表单。我正在遵循来自 youtube h ttp://www.youtube.com/watch?v=8wUu7pWBygY&feature=relmfu 的示例

虽然它只适用于我使用单个字段，但是，如果想添加一个字段来使用该解决方案进行验证，它就不再起作用了。

这是我的标题:

<script type="text/javascript" >

            $(document).ready(function() {
                //$('.error-div').load('action/validate_signup.php').show();

                $('#fname').keyup(function() {
                    $.post('action/validate_signup.php', { fname: form.fname.value }, 
                    function(result){
                        $('#fname-error').html(result).show("slow");
                    });

                });


                $('#lname').keyup(function() {
                    $.post('action/validate_signup.php', { lname: form.lname.value }, 
                    function(result){
                        $('#lname-error').html(result).show("slow");
                    });

                });
            });

        </script>

这是我的验证过程应该是:

<?php

    $fname = $_POST['fname'];
    $lname = $_POST['lname'];

    if(empty($fname)){
        echo " *First Name Required";   
    }elseif(strlen($fname)<=3){
        echo "*Name too short!";
    }else{
        echo "<img src='images/check.jpg' />";
    }

    if(empty($lname)){
        echo " *Last Name Required";    
    }elseif(strlen($lname)<=3){
        echo "*Lastname too short!";
    }else{
        echo "<img src='images/check.jpg' />";
    }



?>

请帮忙，提前致谢并提供更多力量

Answer 1

问题是您向验证脚本提供了 fname 或 lname，但不能同时提供两者。您的验证脚本将始终返回错误。

我建议使用isset函数来检查 fname 或 lname 是否提供给脚本，然后再使用 empty 检查它们。