2017-10-07 82 views
1

代码:jQuery验证没有在共同文件上工作

<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上运行相同的代码,它完美的作品。那么,我该如何解决这个问题?请帮助我。

谢谢

+0

你可以做的一件事是添加一个id或类到提交按钮。在JS做一个点击功能引用该类或ID并将其设置为prefentDefault。这样你就可以确保你的表格不是直接发布 – SuperDJ

+0

是必填项目@SuperDJ – omkara

+1

浏览器控制台中是否有任何JS错误?我建议首先监控这个!你有任何错误? – user1511417

回答

-1

一切都似乎是为我好,但我无法找到jQuery验证plugin.make务必jQuery脚本之后添加这个插件。

+0

'这对我有用'不是一个答案,因为OP显然有一些问题。如果您需要更多信息,请将其添加到评论中 - 假设有人尚未这样做 –