Question

我正在使用jquery和验证插件来验证客户端的表单输入。

我认为将不同表单的验证规则保存在单独的文件中是一个好主意，而不是重载呈现的HTML。但是，当我尝试这样做时，我不断收到一个firebug错误，验证是一个未知函数。

以下是验证规则：

(function($){
signinval = function(){
    $(document).ready(function(){
        $('#login').validate({
            debug: false,

            rules: {
                loginEmail: {required: true, email: true},
                loginPassword: required
            },
            messages: {
                loginEmail: {required:"Please supply your Firstname",email:"Please supply a valid email"},
                loginPassword: "Please enter your password"
            }
        });
    });
};
})(jquery);

在包含对函数signinval（）的调用之前，我包含了Jquery和validate插件，我仍然得到错误。

我已经在网上寻找解决方案，但似乎找不到任何东西。

任何人都可以指出我如何实现这一目标。

编辑：

包含的顺序是：

<script src="bower_components/jquery/jquery.js"></script> 
<script src="js/jquery.validate.min.js"></script>
<script src="js/val_signin.js"></script>

进一步编辑：

当代码在主html文件本身时，它工作正常。该代码最初位于$（document）.ready（）块中，并且工作正常。我之前在另一篇文章中将其转换为上述函数。

Answer 1

好的持久性最终得到了回报。因为zurb使用基础设计布局，所以jquery需要包含在底部。当然我也把它包含在顶部和验证插件中，但当然Jquery也包含在底部，这导致了错误。

将jquery保持在顶部并从底部删除包含意味着一切正常并且外部文件正常。

感谢@Java_User和@ArunPJohny的所有帮助。

此致格雷厄姆

外部文件中的jquery验证

1 个答案: