jQuery验证在普通文件中不起作用

时间:2017-10-07 11:07:10

标签: javascript php jquery html css

代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $('#myform').validate({
            rules: {
                    fname: {
                    required: true,
                    minlength: 2
                },
                lname: {
                    required: true,
                    minlength: 2
                },
            phone: {
                    phoneUS: true,
                    required: true
            },
                email: {
                    required: true,
                    email: true
                },
                message: {
                    required: true,
                }
            },
        });
    });
</script>

<form method="post" id="myform">
    <input type="text" name="fname" placeholder="First Name">
    <input class="email" name="lname" type="text" placeholder="Last Name">
    <input type="text" name="phone" placeholder="Mobile Number">
    <input class="email" name="email" type="text" placeholder="Email">
    <textarea name="message" placeholder="Message"></textarea>
    <input type="submit" name="submit" value="SUBMIT">
</form>

我创建了一个文件名footer.php并在footer.php文件中的我网站的所有页面中包含此文件我创建了一个简单的表单,并希望使用jquery进行验证但是验证不能在公共文件中工作,但是,如果我在jsfiddle上运行相同的代码,它完美无缺。那么,我该如何解决这个问题呢?请帮帮我。

谢谢

1 个答案:

答案 0 :(得分:-1)

对我来说似乎一切都很好,但我找不到jquery验证插件。确保你在jquery脚本之后添加这个插件。