if ( window.sessionStorage ) { sessionStorage.clear(); } jQuery.validator.defaults.debug = true; $.mockjaxSettings.log = $.noop; $.mockjax({ url: "form.php?user=Peter&password=foobar", responseText: "Hi Peter, welcome back.", responseStatus: 200, responseTime: 1 }); $.mockjax({ url: "users.php", data: { username: /Peter2?|asdf/ }, responseText: "false", responseStatus: 200, responseTime: 1 }); $.mockjax({ url: "users2.php", data: { username: "asdf" }, responseText: "\"asdf is already taken, please try something else\"", responseStatus: 200, responseTime: 1 }); $.mockjax({ url: "echo.php", response: function( data ) { this.responseText = JSON.stringify( data.data ); }, responseTime: 100 }); // Asserts that there is a visible error with the given text for the specified element QUnit.assert.hasError = function( element, text, message ) { var errors = $( element ).closest( "form" ).validate().errorsFor( element[ 0 ] ), actual = ( errors.length === 1 && errors.is( ":visible" ) ) ? errors.text() : ""; QUnit.push( actual, actual, text, message ); }; // Asserts that there is no visible error for the given element QUnit.assert.noErrorFor = function( element, message ) { var errors = $( element ).closest( "form" ).validate().errorsFor( element[ 0 ] ), hidden = ( errors.length === 0 ) || (errors.is( ":hidden" ) && ( errors.text() === "" ) ); QUnit.push( hidden, hidden, true, message ); }; module( "validator" ); test( "Constructor", function() { var v1 = $( "#testForm1" ).validate(), v2 = $( "#testForm1" ).validate(); equal( v1, v2, "Calling validate() multiple times must return the same validator instance" ); equal( v1.elements().length, 3, "validator elements" ); }); test( "validate() without elements, with non-form elements", 0, function() { $( "#doesntexist" ).validate(); }); test( "valid() plugin method", function() { var form = $( "#userForm" ), input = $( "#username" ); form.validate(); ok ( !form.valid(), "Form isn't valid yet" ); ok ( !input.valid(), "Input isn't valid either" ); input.val( "Hello world" ); ok ( form.valid(), "Form is now valid" ); ok ( input.valid(), "Input is valid, too" ); }); test( "valid() plugin method, multiple inputs", function() { var form = $( "#testForm1" ), validator = form.validate(), inputs = form.find( "input" ); ok( !inputs.valid(), "all invalid" ); inputs.not( ":first" ).val( "ok" ); equal( validator.numberOfInvalids(), 2 ); strictEqual( inputs.valid(), false, "just one invalid" ); inputs.val( "ok" ); strictEqual( inputs.valid(), true, "all valid" ); }); test( "valid() plugin method, special handling for checkable groups", function() { // rule is defined on first checkbox, must apply to others, too var checkable = $( "#checkable2" ); ok( !checkable.valid(), "must be invalid, not checked yet" ); checkable.attr( "checked", true ); ok( checkable.valid(), "valid, is now checked" ); checkable.attr( "checked", false ); ok( !checkable.valid(), "invalid again" ); $( "#checkable3" ).attr( "checked", true ); ok( checkable.valid(), "valid, third box is checked" ); }); test( "valid() ???", function() { expect( 4 ); var errorList = [ { name: "meal", message: "foo", element: $( "#meal" )[ 0 ] } ], v = $( "#testForm3" ).validate(); ok( v.valid(), "No errors, must be valid" ); v.errorList = errorList; ok( !v.valid(), "One error, must be invalid" ); QUnit.reset(); v = $( "#testForm3" ).validate({ submitHandler: function() { ok( false, "Submit handler was called" ); } }); ok( v.valid(), "No errors, must be valid and returning true, even with the submit handler" ); v.errorList = errorList; ok( !v.valid(), "One error, must be invalid, no call to submit handler" ); }); test( "valid(), ignores ignored elements", function() { $( "#testForm1clean" ).validate({ ignore: "#firstnamec", rules: { firstnamec: "required" } }); ok( $( "#firstnamec" ).valid() ); }); test( "addMethod", function() { expect( 3 ); $.validator.addMethod( "hi", function( value ) { return value === "hi"; }, "hi me too" ); var method = $.validator.methods.hi, e = $( "#text1" )[ 0 ]; ok( !method( e.value, e ), "Invalid" ); e.value = "hi"; ok( method( e.value, e ), "Invalid" ); ok( jQuery.validator.messages.hi === "hi me too", "Check custom message" ); }); test( "addMethod2", function() { expect( 4 ); $.validator.addMethod( "complicatedPassword", function( value, element ) { return this.optional( element ) || /\D/.test( value ) && /\d/.test( value ); }, "Your password must contain at least one number and one letter" ); var v = jQuery( "#form" ).validate({ rules: { action: { complicatedPassword: true } } }), e = $( "#text1" )[ 0 ]; e.value = ""; strictEqual( v.element( e ), true, "Rule is optional, valid" ); equal( 0, v.size() ); e.value = "ko"; ok( !v.element( e ), "Invalid, doesn't contain one of the required characters" ); e.value = "ko1"; ok( v.element( e ) ); }); test( "form(): simple", function() { expect( 2 ); var form = $( "#testForm1" )[ 0 ], v = $( form ).validate(); ok( !v.form(), "Invalid form" ); $( "#firstname" ).val( "hi" ); $( "#lastname" ).val( "hi" ); ok( v.form(), "Valid form" ); }); test( "form(): checkboxes: min/required", function() { expect( 3 ); var form = $( "#testForm6" )[ 0 ], v = $( form ).validate(); ok( !v.form(), "Invalid form" ); $( "#form6check1" ).attr( "checked", true ); ok( !v.form(), "Invalid form" ); $( "#form6check2" ).attr( "checked", true ); ok( v.form(), "Valid form" ); }); test( "form(): radio buttons: required", function() { expect( 6 ); var form = $( "#testForm10" )[ 0 ], v = $( form ).validate({ rules: { testForm10Radio: "required" } }); ok(!v.form(), "Invalid Form" ); equal($( "#testForm10Radio1" ).attr( "class" ), "error" ); equal($( "#testForm10Radio2" ).attr( "class" ), "error" ); $( "#testForm10Radio2" ).attr( "checked", true ); ok( v.form(), "Valid form" ); equal($( "#testForm10Radio1" ).attr( "class" ), "valid" ); equal($( "#testForm10Radio2" ).attr( "class" ), "valid" ); }); test( "form(): selects: min/required", function() { expect( 3 ); var form = $( "#testForm7" )[ 0 ], v = $( form ).validate(); ok( !v.form(), "Invalid form" ); $( "#optionxa" ).attr( "selected", true ); ok( !v.form(), "Invalid form" ); $( "#optionxb" ).attr( "selected", true ); ok( v.form(), "Valid form" ); }); test( "form(): with equalTo", function() { expect( 2 ); var form = $( "#testForm5" )[ 0 ], v = $( form ).validate(); ok( !v.form(), "Invalid form" ); $( "#x1, #x2" ).val( "hi" ); ok( v.form(), "Valid form" ); }); test( "form(): with equalTo and onfocusout=false", function() { expect( 4 ); var form = $( "#testForm5" )[ 0 ], v = $( form ).validate({ onfocusout: false, showErrors: function() { ok( true, "showErrors should only be called twice" ); this.defaultShowErrors(); } }); $( "#x1, #x2" ).val( "hi" ); ok( v.form(), "Valid form" ); $( "#x2" ).val( "not equal" ).blur(); ok( !v.form(), "Invalid form" ); }); test( "check(): simple", function() { expect( 3 ); var element = $( "#firstname" )[ 0 ], v = $( "#testForm1" ).validate(); ok( v.size() === 0, "No errors yet" ); v.check( element ); ok( v.size() === 1, "error exists" ); v.errorList = []; $( "#firstname" ).val( "hi" ); v.check( element ); ok( v.size() === 0, "No more errors" ); }); test( "hide(): input", function() { expect( 3 ); var errorLabel = $( "#errorFirstname" ), element = $( "#firstname" )[ 0 ], v; element.value = "bla"; v = $( "#testForm1" ).validate(); errorLabel.show(); ok( errorLabel.is( ":visible" ), "Error label visible before validation" ); ok( v.element( element ) ); ok( errorLabel.is( ":hidden" ), "Error label not visible after validation" ); }); test( "hide(): radio", function() { expect( 2 ); var errorLabel = $( "#agreeLabel" ), element = $( "#agb" )[ 0 ], v; element.checked = true; v = $( "#testForm2" ).validate({ errorClass: "xerror" }); errorLabel.show(); ok( errorLabel.is( ":visible" ), "Error label visible after validation" ); v.element( element ); ok( errorLabel.is( ":hidden" ), "Error label not visible after hiding it" ); }); test( "hide(): errorWrapper", function() { expect( 2 ); var errorLabel = $( "#errorWrapper" ), element = $( "#meal" )[ 0 ], v; element.selectedIndex = 1; errorLabel.show(); ok( errorLabel.is( ":visible" ), "Error label visible after validation" ); v = $( "#testForm3" ).validate({ wrapper: "li", errorLabelContainer: $( "#errorContainer" ) }); v.element( element ); ok( errorLabel.is( ":hidden" ), "Error label not visible after hiding it" ); }); test( "hide(): container", function() { expect( 4 ); var errorLabel = $( "#errorContainer" ), v = $( "#testForm3" ).validate({ errorWrapper: "li", errorContainer: $( "#errorContainer" ) }); v.form(); ok( errorLabel.is( ":visible" ), "Error label visible after validation" ); $( "#meal" )[ 0 ].selectedIndex = 1; v.form(); ok( errorLabel.is( ":hidden" ), "Error label not visible after hiding it" ); $( "#meal" )[ 0 ].selectedIndex = -1; v.element( "#meal" ); ok( errorLabel.is( ":visible" ), "Error label visible after validation" ); $( "#meal" )[ 0 ].selectedIndex = 1; v.element( "#meal" ); ok( errorLabel.is( ":hidden" ), "Error label not visible after hiding it" ); }); test( "submitHandler keeps submitting button", function() { var button, event; $( "#userForm" ).validate({ debug: true, submitHandler: function( form ) { // dunno how to test this better; this tests the implementation that uses a hidden input var hidden = $( form ).find( "input:hidden" )[ 0 ]; deepEqual( hidden.value, button.value ); deepEqual( hidden.name, button.name ); } }); $( "#username" ).val( "bla" ); button = $( "#userForm :submit" )[ 0 ]; event = $.Event( "click" ); event.preventDefault(); $.event.trigger( event, null, button ); $( "#userForm" ).submit(); }); asyncTest("validation triggered on radio/checkbox when using keyboard", function() { expect( 1 ); var input, i, events, triggeredEvents = 0; $("#form").validate({ onfocusin: function() { triggeredEvents++; }, onfocusout: function() { triggeredEvents++; }, onkeyup: function() { triggeredEvents++; } }); events = [ $.Event("focusin"), $.Event("focusout"), $.Event("keyup") ]; input = $("#form :radio:first"); for (i = 0; i < events.length; i++) { input.trigger(events[i]); } input = $("#form :checkbox:first"); for (i = 0; i < events.length; i++) { input.trigger(events[i]); } setTimeout(function() { // assert all event handlers fired equal(6, triggeredEvents); start(); }); }); asyncTest("validation triggered on radio/checkbox when using mouseclick", function() { expect( 1 ); var input, i, events, triggeredEvents = 0; $("#form").validate({ onclick: function() { triggeredEvents++; } }); events = [ $.Event("click") ]; input = $("#form :radio:first"); for (i = 0; i < events.length; i++) { input.trigger(events[i]); } input = $("#form :checkbox:first"); for (i = 0; i < events.length; i++) { input.trigger(events[i]); } setTimeout(function() { // assert all event handlers fired equal(2, triggeredEvents); start(); }); }); test( "showErrors()", function() { expect( 4 ); var errorLabel = $( "#errorFirstname" ).hide(), v = $( "#testForm1" ).validate(); ok( errorLabel.is( ":hidden" ) ); equal( 0, $( "#lastname" ).next( ".error:not(input)" ).length ); v.showErrors({ "firstname": "required", "lastname": "bla" }); equal( true, errorLabel.is( ":visible" ) ); equal( true, $( "#lastname" ).next( ".error:not(input)" ).is( ":visible" ) ); }); test( "showErrors(), allow empty string and null as default message", function() { $( "#userForm" ).validate({ rules: { username: { required: true, minlength: 3 } }, messages: { username: { required: "", minlength: "too short" } } }); ok( !$( "#username" ).valid() ); equal( "", $( "#username" ).next( ".error:not(input)" ).text() ); $( "#username" ).val( "ab" ); ok( !$( "#username" ).valid() ); equal( "too short", $( "#username" ).next( ".error:not(input)" ).text() ); $( "#username" ).val( "abc" ); ok( $( "#username" ).valid() ); ok( $( "#username" ).next( ".error:not(input)" ).is( ":hidden" ) ); }); test( "showErrors() - external messages", function() { expect( 4 ); var methods = $.extend( {}, $.validator.methods ), messages = $.extend( {}, $.validator.messages ), form, v; $.validator.addMethod( "foo", function() { return false; }); $.validator.addMethod( "bar", function() { return false; }); equal( 0, $( "#testForm4 #f1" ).next( ".error:not(input)" ).length ); equal( 0, $( "#testForm4 #f2" ).next( ".error:not(input)" ).length ); form = $( "#testForm4" )[ 0 ]; v = $( form ).validate({ messages: { f1: "Please!", f2: "Wohoo!" } }); v.form(); equal( $( "#testForm4 #f1" ).next( ".error:not(input)" ).text(), "Please!" ); equal( $( "#testForm4 #f2" ).next( ".error:not(input)" ).text(), "Wohoo!" ); $.validator.methods = methods; $.validator.messages = messages; }); test( "showErrors() - custom handler", function() { expect( 5 ); var v = $( "#testForm1" ).validate({ showErrors: function( errorMap, errorList ) { equal( v, this ); equal( v.errorList, errorList ); equal( v.errorMap, errorMap ); equal( "buga", errorMap.firstname ); equal( "buga", errorMap.lastname ); } }); v.form(); }); test( "option: (un)highlight, default", function() { $( "#testForm1" ).validate(); var e = $( "#firstname" ); ok( !e.hasClass( "error" ) ); ok( !e.hasClass( "valid" ) ); e.valid(); ok( e.hasClass( "error" ) ); ok( !e.hasClass( "valid" ) ); e.val( "hithere" ).valid(); ok( !e.hasClass( "error" ) ); ok( e.hasClass( "valid" ) ); }); test( "option: (un)highlight, nothing", function() { expect( 3 ); $( "#testForm1" ).validate({ highlight: false, unhighlight: false }); var e = $( "#firstname" ); ok( !e.hasClass( "error" ) ); e.valid(); ok( !e.hasClass( "error" ) ); e.valid(); ok( !e.hasClass( "error" ) ); }); test( "option: (un)highlight, custom", function() { expect( 5 ); $( "#testForm1clean" ).validate({ highlight: function( element, errorClass ) { equal( "invalid", errorClass ); $( element ).hide(); }, unhighlight: function( element, errorClass ) { equal( "invalid", errorClass ); $( element ).show(); }, ignore: "", errorClass: "invalid", rules: { firstnamec: "required" } }); var e = $( "#firstnamec" ); ok( e.is( ":visible" ) ); e.valid(); ok( !e.is( ":visible" ) ); e.val( "hithere" ).valid(); ok( e.is( ":visible" ) ); }); test( "option: (un)highlight, custom2", function() { expect( 6 ); var e, l; $( "#testForm1" ).validate({ highlight: function( element, errorClass ) { $( element ).addClass( errorClass ); $( element ).next( ".error:not(input)" ).addClass( errorClass ); }, unhighlight: function( element, errorClass ) { $( element ).removeClass( errorClass ); $( element ).next( ".error:not(input)" ).removeClass( errorClass ); }, errorClass: "invalid" }); e = $( "#firstname" ); l = $( "#errorFirstname" ); ok( !e.is( ".invalid" ) ); ok( !l.is( ".invalid" ) ); e.valid(); ok( e.is( ".invalid" ) ); ok( l.is( ".invalid" ) ); e.val( "hithere" ).valid(); ok( !e.is( ".invalid" ) ); ok( !l.is( ".invalid" ) ); }); test( "option: focusCleanup default false", function() { var form = $( "#userForm" ); form.validate(); form.valid(); ok( form.find( "#username" ).next( ".error:not(input)" ).is( ":visible" )); $( "#username" ).focus(); ok( form.find( "#username" ).next( ".error:not(input)" ).is( ":visible" )); }); test( "option: focusCleanup true", function() { var form = $( "#userForm" ); form.validate({ focusCleanup: true }); form.valid(); ok( form.find( "#username" ).next( ".error:not(input)" ).is( ":visible" ) ); $( "#username" ).focus().trigger( "focusin" ); ok( !form.find( "#username" ).next( ".error:not(input)" ).is( ":visible" ) ); }); test( "option: focusCleanup with wrapper", function() { var form = $( "#userForm" ); form.validate({ focusCleanup: true, wrapper: "span" }); form.valid(); ok( form.is( ":has(span:visible:has(.error#username-error))" ) ); $( "#username" ).focus().trigger( "focusin" ); ok( !form.is( ":has(span:visible:has(.error#username-error))" ) ); }); test( "option: errorClass with multiple classes", function() { var form = $( "#userForm" ); form.validate({ focusCleanup: true, wrapper: "span", errorClass: "error error1 error2" }); form.valid(); ok( form.is( ":has(span:visible:has(.error#username-error))" ) ); ok( form.is( ":has(span:visible:has(.error1#username-error))" ) ); ok( form.is( ":has(span:visible:has(.error2#username-error))" ) ); $( "#username" ).focus().trigger( "focusin" ); ok( !form.is( ":has(span:visible:has(.error#username-error))" ) ); ok( !form.is( ":has(span:visible:has(.error1#username-error))" ) ); ok( !form.is( ":has(span:visible:has(.error2#username-error))" ) ); }); test( "defaultMessage(), empty title is ignored", function() { var v = $( "#userForm" ).validate(); equal( "This field is required.", v.defaultMessage($( "#username" )[ 0 ], "required" ) ); }); test( "formatAndAdd", function() { expect( 4 ); var v = $( "#form" ).validate(), fakeElement = { form: $( "#form" )[ 0 ], name: "bar" }; v.formatAndAdd( fakeElement, { method: "maxlength", parameters: 2 }); equal( "Please enter no more than 2 characters.", v.errorList[ 0 ].message ); equal( "bar", v.errorList[ 0 ].element.name ); v.formatAndAdd( fakeElement, { method: "range", parameters: [ 2, 4 ] }); equal( "Please enter a value between 2 and 4.", v.errorList[ 1 ].message ); v.formatAndAdd( fakeElement, { method: "range", parameters: [ 0, 4 ] }); equal( "Please enter a value between 0 and 4.", v.errorList[ 2 ].message ); }); test( "formatAndAdd2", function() { expect( 3 ); var v = $( "#form" ).validate(), fakeElement = { form: $( "#form" )[ 0 ], name: "bar" }; jQuery.validator.messages.test1 = function( param, element ) { equal( v, this ); equal( 0, param ); return "element " + element.name + " is not valid"; }; v.formatAndAdd( fakeElement, { method: "test1", parameters: 0 }); equal( "element bar is not valid", v.errorList[ 0 ].message ); }); test( "formatAndAdd, auto detect substitution string", function() { var v = $( "#testForm1clean" ).validate({ rules: { firstnamec: { required: true, rangelength: [ 5, 10 ] } }, messages: { firstnamec: { rangelength: "at least ${0}, up to {1}" } } }); $( "#firstnamec" ).val( "abc" ); v.form(); equal( "at least 5, up to 10", v.errorList[ 0 ].message ); }); asyncTest( "option invalidHandler", function() { expect( 1 ); $( "#testForm1clean" ).validate({ invalidHandler: function() { ok( true, "invalid-form event triggered called" ); start(); } }); $( "#usernamec" ).val( "asdf" ).rules( "add", { required: true, minlength: 5 }); $( "#testForm1clean" ).submit(); }); test( "findByName()", function() { deepEqual( new $.validator({}, document.getElementById( "form" )) .findByName( document.getElementById( "radio1" ).name ) .get(), $( "#form" ).find( "[name=radio1]" ).get() ); }); test( "focusInvalid()", function() { // TODO when using custom focusin, this is triggered just once // TODO when using 1.4 focusin, triggered twice; fix once not testing against 1.3 anymore // expect( 1 ); var inputs = $( "#testForm1 input" ).focus(function() { equal( inputs[ 0 ], this, "focused first element" ); }), v = $( "#testForm1" ).validate(); v.form(); v.focusInvalid(); }); test( "focusInvalid() after validate a custom set of inputs", function() { var form = $( "#testForm1" ), validator = form.validate(), // It's important the order of Valid, Invalid, Valid so last active element it's a valid element before focus inputs = $( "#firstname, #lastname, #something" ); $( "#firstname" ).val( "ok" ); ok( !inputs.valid(), "just one invalid"); validator.focusInvalid(); equal( form[ 0 ].ownerDocument.activeElement, $( "#lastname" )[0], "focused first element" ); }); test( "findLastActive()", function() { expect( 3 ); var v = $( "#testForm1" ).validate(), lastActive; ok( !v.findLastActive() ); v.form(); v.focusInvalid(); equal( v.findLastActive(), $( "#firstname" )[ 0 ] ); lastActive = $( "#lastname" ).trigger( "focus" ).trigger( "focusin" )[ 0 ]; equal( v.lastActive, lastActive ); }); test("elementValue() finds radios/checkboxes only within the current form", function() { expect(1); var v = $("#userForm").validate(), foreignRadio = $("#radio2")[0]; ok( !v.elementValue(foreignRadio) ); }); test( "validating multiple checkboxes with 'required'", function() { expect( 3 ); var checkboxes = $( "#form input[name=check3]" ).prop( "checked", false ), v; equal( checkboxes.length, 5 ); v = $( "#form" ).validate({ rules: { check3: "required" } }); v.form(); equal( v.size(), 1 ); checkboxes.filter( ":last" ).prop( "checked", true ); v.form(); equal( v.size(), 0 ); }); test( "dynamic form", function() { var counter = 0, v; function add() { $( "" ).appendTo( "#testForm2" ); } function errors( expected, message ) { equal( expected, v.size(), message ); } v = $( "#testForm2" ).validate(); v.form(); errors( 1 ); add(); v.form(); errors( 2 ); add(); v.form(); errors( 3 ); $( "#testForm2 input[name=list1]" ).remove(); v.form(); errors( 2 ); add(); v.form(); errors( 3 ); $( "#testForm2 input[name^=list]" ).remove(); v.form(); errors( 1 ); $( "#agb" ).attr( "disabled", true ); v.form(); errors( 0 ); $( "#agb" ).attr( "disabled", false ); v.form(); errors( 1 ); }); test( "idOrName()", function() { expect( 4 ); var v = $( "#testForm1" ).validate(); equal( "form8input", v.idOrName( $( "#form8input" )[ 0 ] ) ); equal( "check", v.idOrName( $( "#form6check1" )[ 0 ] ) ); equal( "agree", v.idOrName( $( "#agb" )[ 0 ] ) ); equal( "button", v.idOrName( $( "#form :button" )[ 0 ] ) ); }); test( "resetForm()", function() { function errors( expected, message ) { equal( expected, v.size(), message ); } var v = $( "#testForm1" ).validate(); v.form(); errors( 2 ); ok( $( "#firstname" ).hasClass( "error" ) ); $( "#firstname" ).val( "hiy" ); v.resetForm(); errors( 0 ); ok( !$( "#firstname" ).hasClass( "error" ) ); equal( "", $( "#firstname" ).val(), "form plugin is included, therefor resetForm must also reset inputs, not only errors" ); }); test( "resetForm() clean styles when custom highlight function is used", function() { var form = $( "#testForm1clean" ), e = $( "#firstnamec" ); form.validate({ highlight: function( element ) { $( element ).hide(); }, unhighlight: function( element ) { $( element ).show(); }, ignore: "", errorClass: "invalid", rules: { firstnamec: "required" } }); e.valid(); ok( !e.is( ":visible" ) ); form.validate().resetForm(); ok( e.is( ":visible" ) ); }); test( "message from title", function() { var v = $( "#withTitle" ).validate(); v.checkForm(); equal( v.errorList[ 0 ].message, "fromtitle", "title not used" ); }); test( "ignoreTitle", function() { var v = $( "#withTitle" ).validate({ ignoreTitle: true }); v.checkForm(); equal( v.errorList[ 0 ].message, $.validator.messages.required, "title used when it should have been ignored" ); }); asyncTest( "ajaxSubmit", function() { expect( 1 ); $( "#user" ).val( "Peter" ); $( "#password" ).val( "foobar" ); jQuery( "#signupForm" ).validate({ submitHandler: function( form ) { jQuery( form ).ajaxSubmit({ success: function( response ) { equal( "Hi Peter, welcome back.", response ); start(); } }); } }); jQuery( "#signupForm" ).triggerHandler( "submit" ); }); test( "validating groups settings parameter", function() { var form = $( "