jQuery Form Validation - Uncaught TypeError: undefined is not a function

Question

I am using http://jqueryvalidation.org/ to validate a form. The error I am getting is Uncaught TypeError: undefined is not a function the error comes from a line in the JS code below

JS

The submitHandler is as follows

submitHandler: function (form) {
  error2.hide();
  form[0].submit(); // error happens on this line
}

HTML

<form action="login.asp" method="post" id="form_sample_2" class="form-horizontal">
    <div class="form-body">
        <div class="alert alert-danger display-hide">
            <button class="close" data-close="alert"></button>
            You have some form errors. Please check below.
        </div>

        <div class="form-group">
            <label class="control-label col-md-3">Username <span class="required">
                                            * </span>
            </label>
            <div class="col-md-6">
                <div class="input-icon right">
                    <i class="fa"></i>
                    <input type="text" class="form-control" name="username" />
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">Password <span class="required">
                                            * </span>
            </label>
            <div class="col-md-6">
                <div class="input-icon right">
                    <i class="fa"></i>
                    <input type="password" class="form-control" name="password" />
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">PIN <span class="required">
                                            * </span>
            </label>
            <div class="col-md-6">
                <div class="input-icon right">
                    <i class="fa"></i>
                    <input type="text" class="form-control" name="pin" />
                </div>
            </div>
        </div>

    </div>
</form>

The form actually submits and errors show where needed but this JS keeps coming up on form submission. Any advice?

Arun P Johny · Accepted Answer · 2014-10-21 09:50:47Z

2

form paramsin the submitHandler is the form dom element so form[0] will be undefined which is causing the problem.

submitHandler: function (form) {
  error2.hide();
  form.submit(); // error happens on this line
}

answered Oct 21, 2014 at 9:50

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

pee2pee Over a year ago

Thanks! It's obvious once someone spells it out :-)

Fergoso · Accepted Answer · 2014-10-21 09:47:57Z

0

try this:

submitHandler: function (form) {
     $( '#error2' ).hide();
     form.submit(); 
}

answered Oct 21, 2014 at 9:47

Fergoso

1,5803 gold badges22 silver badges45 bronze badges

1 Comment

pee2pee Over a year ago

No luck, even if I just leave the submit handler in, it still fails

Collectives™ on Stack Overflow

jQuery Form Validation - Uncaught TypeError: undefined is not a function

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related