javascript - jQuery 表单验证检查返回 'undefined'

Question

我在尝试使用 jquery $.post 提交表单时遇到了一些问题，我正在使用 this验证插件来验证表单，但是当我尝试使用 $("#form").validationEngine('validate') 检查表单时，我经常得到 undefined 然后页面重新加载，这是代码:

$(document).ready(function() {          

        $("#form").validationEngine();

        $("#submit").live('click',function(){
            var valid = $("#form").validationEngine('validate');
            var vars = $("#form").serialize();

            if(valid == true){

                //disable submit button
                $("#submit").attr('disabled','disabled');

                $.post('thank_you.php',vars,function(data){
                    alert(data);
                });

            }else{
                $("#form").validationEngine();
            }
        });
});

HTML:

<form id="form">
    <div>
        <label for='province'>Select your current province </label>
        <select id='province' name='province' class='validate[required] text-input'>
            <option value=''>Select one</option>
            <option>province1</option>
            <option>province2</option>
        </select>
    </div>
    <br />
    <div>
        <label for="city">Select your current city</label><br />
        <select id="city" name="city" class="validate[required] text-input">
            <option value="">Select one</option>
            <option>city1</option>
            <option>city2</option>
        </select>
    </div>
    <br />
    <div>
        <label for="name_surname">Name & Surname</label><br />
        <input type="text" id="name_surname" name="name_surname" class="validate[required] text-input" />
    </div>
    <br />
    <div>
        <label for="email">Email Address</label><br />
        <input type="text" id="email" name="email" class="validate[required,custom[email]] text-input" />
    </div>
    <div>
        <input type="image" src="images/solar_38.gif" width="82" height="32" alt"submit" id="submit" />
    </div>
</form>

我查看了插件的网站，但没有发现任何可以说明我为什么会得到这个的东西，我的代码中是否有任何东西可能导致我在尝试时得到 undefined验证表单？

Answer 1

我尝试在演示中创建并遇到了与您相同的错误。只有当我包含以下两个 js 时，它才开始工作。在你的情况下可能是一样的:)

<script src="http://www.position-relative.net/creation/formValidator/js/jquery.validationEngine-en.js"></script>
<script src="http://www.position-relative.net/creation/formValidator/js/jquery.validationEngine.js"></script>