- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </script>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
- <script type="text/javascript" src="js/supersized.3.1.3.core.min.js"></script>
- <link rel="stylesheet" type="text/css" href="css/base.css" />
- <link rel="stylesheet" href="css/supersized.core.css" type="text/css" media="screen" />
- <link href='http://fonts.googleapis.com/css?family=Nunito:light,regular&v1' rel='stylesheet' type='text/css' />
- <script type="text/javascript">
- $(document).ready(function($){
- $.supersized({
- //Background image
- slides : [ { image : 'images/pendulumWeb.jpg' } ]
- });
- $("form[name=emailSubmit]").validate({
- rules: {
- title: {
- required: true
- },fName: {
- required: true
- },lName: {
- required: true
- },profession: {
- required: true
- },email: {
- required: true,email: true
- }
- },messages: {
- title: {
- required: "Please enter your title."
- },fName: {
- required: "Please enter your first name"
- },lName: {
- required: "Please enter your last name."
- },profession: {
- required: "Please enter your profession"
- },email: {
- required: "Please enter your email"
- }
- }
- });
- <div id="contact">
- <form id="emailSubmit" name="emailSubmit" method="post">
- <legend>Enter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter Information</legend>
- <div id="submit">
- <table>
- <tr>
- <td><span class="formTitles">Title</span></td>
- <td><input id="title" name="title" value="" size="5" max="3" type="text" />
- </td>
- </tr>
- <tr>
- <td><span class="formTitles">First Name</span></td>
- <td><input id="fName" name="fName" value="" size="20" type="text" /></td>
- </tr>
- <tr>
- <td><span class="formTitles">Last Name</span></td>
- <td><input id="lName" name="lName" value="" size="20" type="text" /></td>
- </tr>
- <tr>
- <td><span class="formTitles">Profession</span> </td>
- <td><input id="profession" name="profession" value="" size="20" type="text" /></td>
- </tr>
- <tr>
- <td><span class="formTitles">Email</span> </td>
- <td><input id="email" name="email" value="" size="20" type="text" /></td>
- </tr>
- <tr>
- <td><span class="formTitles">Phone</span></td>
- <td><input id="phone" name="phone" value="" size="20" type="text" /></td>
- </tr>
- <tr>
- <td><span class="formTitles">Message</span></td>
- <td><input id="message" name="message" value="" size="20" type="textarea" /></td>
- </tr>
- </table>
- <button class="buttonPositive" type="submit"> Submit</button>
- </div>
- </form>
- </div>
- <div class="success" style="display: none;">
- </div>
我一直在开发人员工具中遇到此错误
未捕获的TypeError:对象[object Object]没有方法验证
解决方法
我没有看到这样的事情:
- <script src="jquery.validate.js" type="text/javascript"></script>
在您的HTML中,所以你可能根本没有拉入form validator.没有它,jQuery将没有验证方法,因此您将获得“无方法验证”错误.当然,您必须为您的站点使用正确的jquery.validate.js路径.