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

时间:2016-02-18 11:14:03

标签: javascript jquery validation

我知道包含<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>会解决问题,但我无法找到下载文件jquery.validate.js后如何将其粘贴到本地目录中的任何地方。< / p>

我尝试将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>,它不起作用。

3 个答案:

答案 0 :(得分: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>

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

答案 1 :(得分:0)

这应该有效:

  1. 转到this page
  2. 选择所有代码
  3. 复制该代码
  4. 在HTML文件的同一目录中创建一个名为jquery.validate.js的文件,然后将代码粘贴到那里
  5. 将此脚本标记放在HTML文件中,并带有您创建的文件的名称:
  6. &#13;
    &#13;
    <script type="text/javascript" src="jquery.validate.js"></script>
    &#13;
    &#13;
    &#13;

答案 2 :(得分:0)

只需创建一个将保留所有javascript文件的js文件夹。将jquery.validate.js放在该目录中。现在将其包含在项目中取决于您使用的是哪个框架/ MVC系统。假设您正在使用laravel MVC然后将其用作

<script src="{{ Request::root() }}/js/jquery.validate.js"></script>

如果使用简单的php,则使用echo $_SERVER['SERVER_NAME'];访问它 基本上,您必须使用项目基本URL来包含该文件。 希望它有所帮助。