未捕获的TypeError:对象[object Object]没有方法验证 [英] Uncaught TypeError: Object [object Object] has no method 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>  

我在开发人员工具中始终遇到此错误

I keep getting this error in developer tools

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

Uncaught TypeError: Object [object Object] has no method validate

这是我的代码..我的外部js文件之一是否会引起这种情况?卡在这个问题上.

Here is my code..could one of my external js files be causing this? Stuck on this issue.

推荐答案

我看不到这样的东西:

<script src="jquery.validate.js" type="text/javascript"></script>

在您的HTML中，因此您可能根本不会使用表单验证器.否则，jQuery将没有validate方法，因此您将收到无方法验证"错误.当然，您将必须为您的站点使用正确的jquery.validate.js路径.

in your HTML so you're probably not pulling in the form validator at all. Without that, jQuery won't have a validate method so you'll get your "no method validate" error. You will, of course, have to use the right path to jquery.validate.js for your site.

这篇关于未捕获的TypeError:对象[object Object]没有方法验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！