javascript - 如何包含 jquery.validate.js 文件(在本地目录中)并在表单验证中使用它？

Question

我知道包括<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>可以解决问题，但我无法在下载文件 jquery.validate.js 后找到如何完成它的方法。并将其粘贴到本地目录中。

我尝试粘贴 jquery.validate.js文件与验证文件位于同一目录中并使用: <script src="jquery.validate.js"></script> ，但没有成功。

验证代码位于register.phtml文件中，其脚本部分为:

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script>
    $(document).ready(function () {
        // validate signup form on keyup and submit
        $("#registerForm").validate({
            rules: {
                first_name: "required",
                last_name: "required",
                contact_no: {
                    required: true,
                    digits: true,
                    minlength: 10,
                    maxlength: 13,
                },
                email: {
                    required: true,
                    email: true,
                },
                invitation_code: {
                    required: true,
                },
            },
            messages: {
                first_name: "Please enter your First Name",
                last_name: "Please enter your Last Name",
                contact_no: {
                    required: "Please enter your Contact Number",
                    digits: "Please enter only digits(0-9)",
                    minlength: "Minimum 10 digits are required",
                    maxlength: "Maximum 13 digits are allowed",
                },
                email: {
                    required: "Please enter a valid Email address",
                    email: "Your email address must be in the format of name@domain",
                },
                invitation_code: {
                    required: "Please check your email for Invitation Code",
                },
               
            }
        });
        $("#email").keypress(function () {
            $('.error_msg1').hide();
        });
        $('#invitationCode').click(function () {
            document.getElementById('invitation').innerHTML = "";
        });
        $("#first_name").on('keyup', function(e) {
                var val = $(this).val();
                if (val.match(/[^a-zA-Z]/g)) {
                  $(this).val(val.replace(/[^a-zA-Z]/g, ''));
                }
        });
        $("#last_name").on('keyup', function(e) {
                var val = $(this).val();
                if (val.match(/[^a-zA-Z]/g)) {
                  $(this).val(val.replace(/[^a-zA-Z]/g, ''));
                }
        });
        
        $('#submitform').click(function () {
        if (!$('#Check_TermsAndCondidation').prop('checked'))
            {
                $('#Check_TermsAndCondidation_msg').html('Please check Terms and Conditions');
                return false;
            }
        });
        
        $('#Check_TermsAndCondidation').change( function(){
            $('#Check_TermsAndCondidation_msg').html('');
        });
    });
</script>

上面的代码片段验证正确，但是将上面代码的第一行编辑为: <script src="jquery.validate.js"></script> ，它不起作用。

Answer 1

问题几乎肯定是这样的:您将文件放在错误的目录中。

假设您的网站使用 PHP(很可能)和 Apache，则 jquery.validate.js 文件的位置应相对于服务器上网站的根文件夹。这是与 localhost 对应的文件夹。这通常是 /var/www，但这实际上取决于您的服务器设置。

假设您使用的是 PHP，文件位置需要相对的确切文件夹可能包含名为 index.php 的文件和名为 .htaccess 的文件>.

如果您的网站在服务器上的根文件夹是 /var/www，您可能还会看到一个名为 /var/www/js 的文件夹。在这种情况下，正确的做法是将您的 jquery.validate.js 文件放入 /var/www/js 文件夹中，并将其添加到您的 register 中.phtml 文件如下:

<script type="text/javascript" src="/js/jquery.validate.js"></script>

如果您对这些步骤中的任何一个感到困惑，请在评论中告诉我，我将尽力帮助您进一步解决您可能感到困惑的任何步骤。