未捕获的TypeError:对象[object Object]没有方法验证

时间:2011-06-18 06:24:24

标签: jquery jquery-validate

<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]没有方法验证

这是我的代码..可能我的一个外部js文件导致了这个吗?坚持这个问题。

1 个答案:

答案 0 :(得分:22)

我没有看到这样的事情:

<script src="jquery.validate.js" type="text/javascript"></script>
在您的HTML中

,因此您可能根本没有提到form validator。没有它,jQuery将没有validate方法,因此您将获得“无方法验证”错误。当然,您必须为您的网站使用jquery.validate.js的正确路径。