admin管理员组

文章数量:1388853

I encountered some problem, I don't know how to solved it. I got “Object doesn't support this property or method” error in using jquery-1.10.4 . The .validate method is not working for me. Please help.

This is my code

login.html

<html>

<head>
<link rel="stylesheet" type="text/css" href="design.css">
<script type="text/javascript">
</script>
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script src="jquery-1.11.0.min.js"></script>
<script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="loginBouncy.js"></script>
<script src="modal.js"></script>
<script src="validate.js"></script>
<script src="jquery.validate.min"></script>

</head>
<div id='mask' class='close_modal'></div>

<div id="signup" class='modal_window'>



<img id="pane1" src="pane1.png"/>
<p id="label">SignUp</p>
<p id="label1">Personal&nbsp;Information</p>
<p id="label2">Account</p>
<p id="label3">Verification</p>
<hr id="hr1"/>
<form id="mainform" name="mainform" method="post" action="SignUp2.php">
<input type="text" name="data[]" id="fname" name="fname" placeholder="First Name"/>
<input type="text" name="data[]" id="lname" name="lname" placeholder="Last Name"/>
<input type="text" name="data[]" id="mname" name="mname" placeholder="M.I."/>
<input type="text" name="data[]" id="sadd"  name="sadd" placeholder="Street"/>
<input type="text" name="data[]" id="tadd"  name="tadd" placeholder="Town/City"/>
<input type="text" name="data[]" id="padd"  name="padd" placeholder="Province/State"/>
<input type="text" name="data[]" id="user2" name="user2" placeholder="Your Username"/>
<input type="password" name="data[]" id="pass2" name="pass2" placeholder="Your Password">
<input id="captcha" name="captcha" type="text" name="captcha" placeholder="Insert Captcha">
<img id="imgcaptcha" src="captcha.php" /><br>
<input type="text" name="data[]" id="email" name="email" placeholder="Your Email"/>
<input type="button" id="btnSignUp"  placeholder="" onclick="error2()"/>
</input>
</form>

</div>
</html>

validate.js

$(document).ready(function(){
$('#signup form').validate({
rules:{
    name:{
        required:true
    },
    email:{
        required:true,
        email:true
    },
    fname:{
        required:true
    },
    lname:{
        required:true
    },
    fname:{
        required:true
    },
    mname:{
        required:true
    },
    sadd:{
        required:true
    },
    tadd:{
        required:true
    },
    padd:{
        required:true
    },
    pass2:{
        required:true,
        minlength:4
    },
    user2:{
        required:true
    },
    captcha:
    {
        required:true
    },
    success:function(label){
        label.text('OK!').addClass('valid');
    }
    }
});
});

I encountered some problem, I don't know how to solved it. I got “Object doesn't support this property or method” error in using jquery-1.10.4 . The .validate method is not working for me. Please help.

This is my code

login.html

<html>

<head>
<link rel="stylesheet" type="text/css" href="design.css">
<script type="text/javascript">
</script>
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script src="jquery-1.11.0.min.js"></script>
<script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="loginBouncy.js"></script>
<script src="modal.js"></script>
<script src="validate.js"></script>
<script src="jquery.validate.min"></script>

</head>
<div id='mask' class='close_modal'></div>

<div id="signup" class='modal_window'>



<img id="pane1" src="pane1.png"/>
<p id="label">SignUp</p>
<p id="label1">Personal&nbsp;Information</p>
<p id="label2">Account</p>
<p id="label3">Verification</p>
<hr id="hr1"/>
<form id="mainform" name="mainform" method="post" action="SignUp2.php">
<input type="text" name="data[]" id="fname" name="fname" placeholder="First Name"/>
<input type="text" name="data[]" id="lname" name="lname" placeholder="Last Name"/>
<input type="text" name="data[]" id="mname" name="mname" placeholder="M.I."/>
<input type="text" name="data[]" id="sadd"  name="sadd" placeholder="Street"/>
<input type="text" name="data[]" id="tadd"  name="tadd" placeholder="Town/City"/>
<input type="text" name="data[]" id="padd"  name="padd" placeholder="Province/State"/>
<input type="text" name="data[]" id="user2" name="user2" placeholder="Your Username"/>
<input type="password" name="data[]" id="pass2" name="pass2" placeholder="Your Password">
<input id="captcha" name="captcha" type="text" name="captcha" placeholder="Insert Captcha">
<img id="imgcaptcha" src="captcha.php" /><br>
<input type="text" name="data[]" id="email" name="email" placeholder="Your Email"/>
<input type="button" id="btnSignUp"  placeholder="" onclick="error2()"/>
</input>
</form>

</div>
</html>

validate.js

$(document).ready(function(){
$('#signup form').validate({
rules:{
    name:{
        required:true
    },
    email:{
        required:true,
        email:true
    },
    fname:{
        required:true
    },
    lname:{
        required:true
    },
    fname:{
        required:true
    },
    mname:{
        required:true
    },
    sadd:{
        required:true
    },
    tadd:{
        required:true
    },
    padd:{
        required:true
    },
    pass2:{
        required:true,
        minlength:4
    },
    user2:{
        required:true
    },
    captcha:
    {
        required:true
    },
    success:function(label){
        label.text('OK!').addClass('valid');
    }
    }
});
});
Share Improve this question asked Mar 21, 2014 at 12:33 akoDwinakoDwin 1392 gold badges2 silver badges14 bronze badges 1
  • 1 <script src="jquery.validate.min"></script>? - <script src="jquery.validate.min.js"></script> may be – Arun P Johny Commented Mar 21, 2014 at 12:34
Add a ment  | 

2 Answers 2

Reset to default 3

Looks like you are missing a .js in the script src

<script src="jquery.validate.min.js"></script>

You're missing .js in the name of your jQuery validate plugin name, it should be:

<script src="jquery.validate.min.js"></script>
<!------------------------------^^^ add .js here -->

本文标签: javascript“Object doesn39t support this property or method” errorJQuery validate methodStack Overflow