Вход Регистрация
Файл: module-assets/admin/validation/test/test.js
Строк: 1506
<?php
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.',
    
responseStatus200,
    
responseTime1
});
$.
mockjax({
    
url"users.php",
    
data: { username: /Peter2?|asdf/},
    
responseText'false',
    
responseStatus200,
    
responseTime1
});
$.
mockjax({
    
url"users2.php",
    
data: { username"asdf"},
    
responseText'"asdf is already taken, please try something else"',
    
responseStatus200,
    
responseTime1
});
$.
mockjax({
    
url"echo.php",
    
response: function(data) {
        
this.responseText JSON.stringify(data.data);
    },
    
responseTime100
});

module("validator");

test("Constructor", function() {
    var 
v1 = $("#testForm1").validate();
    var 
v2 = $("#testForm1").validate();
    
equalv1v2"Calling validate() multiple times must return the same validator instance" );
    
equalv1.elements().length3"validator elements" );
});

test("validate() without elements, with non-form elements"0, function() {
    $(
"#doesntexist").validate();
});

test("valid() plugin method", function() {
    var 
form = $("#userForm");
    
form.validate();
    
ok ( !form.valid(), "Form isn't valid yet" );
    var 
input = $("#username");
    
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", function() {
    var 
form = $("#testForm1");
    
form.validate();
    var 
inputs form.find("input");
    
ok( !inputs.valid(), "all invalid" );
    
inputs.not(":first").val("ok");
    
strictEqualinputs.valid(), false"just one invalid" );
    
inputs.val("ok");
    
strictEqualinputs.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);
    
okcheckable.valid(), "valid, is now checked" );
    
checkable.attr("checked"false);
    
ok( !checkable.valid(), "invalid again" );
    $(
"#checkable3").attr("checked"true);
    
okcheckable.valid(), "valid, third box is checked" );
});

test("addMethod", function() {
    
expect);
    $.
validator.addMethod("hi", function(value) {
        return 
value === "hi";
    }, 
"hi me too");
    var 
method = $.validator.methods.hi,
        
= $('#text1')[0];
    
ok( !method(e.valuee), "Invalid" );
    
e.value "hi";
    
okmethod(e.valuee), "Invalid" );
    
okjQuery.validator.messages.hi === "hi me too""Check custom message" );
});

test("addMethod2", function() {
    
expect);
    $.
validator.addMethod("complicatedPassword", function(valueelementparam) {
        return 
this.optional(element) || /D/.test(value) && /d/.test(value);
    }, 
"Your password must contain at least one number and one letter");
    var 
jQuery("#form").validate({
        
rules: {
            
action: { complicatedPasswordtrue }
        }
    });
    var 
rule = $.validator.methods.complicatedPassword,
        
= $('#text1')[0];
    
e.value "";
    
strictEqualv.element(e), true"Rule is optional, valid" );
    
equal0v.size() );
    
e.value "ko";
    
ok( !v.element(e), "Invalid, doesn't contain one of the required characters" );
    
e.value "ko1";
    
okv.element(e) );
});

test("form(): simple", function() {
    
expect);
    var 
form = $('#testForm1')[0];
    var 
= $(form).validate();
    
ok( !v.form(), 'Invalid form' );
    $(
'#firstname').val("hi");
    $(
'#lastname').val("hi");
    
okv.form(), 'Valid form' );
});

test("form(): checkboxes: min/required", function() {
    
expect);
    var 
form = $('#testForm6')[0];
    var 
= $(form).validate();
    
ok( !v.form(), 'Invalid form' );
    $(
'#form6check1').attr("checked"true);
    
ok( !v.form(), 'Invalid form' );
    $(
'#form6check2').attr("checked"true);
    
okv.form(), 'Valid form' );
});

test("form(): radio buttons: required", function () {
    
expect);
    var 
form = $('#testForm10')[0];

    var 
= $(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);
    var 
form = $('#testForm7')[0];
    var 
= $(form).validate();
    
ok( !v.form(), 'Invalid form' );
    $(
"#optionxa").attr("selected"true);
    
ok( !v.form(), 'Invalid form' );
    $(
"#optionxb").attr("selected"true);
    
okv.form(), 'Valid form' );
});

test("form(): with equalTo", function() {
    
expect);
    var 
form = $('#testForm5')[0];
    var 
= $(form).validate();
    
ok( !v.form(), 'Invalid form' );
    $(
'#x1, #x2').val("hi");
    
okv.form(), 'Valid form' );
});

test("form(): with equalTo and onfocusout=false", function() {
    
expect);
    var 
form = $('#testForm5')[0];
    var 
= $(form).validate({
        
onfocusoutfalse,
        
showErrors: function() {
            
ok(true'showErrors should only be called twice');
            
this.defaultShowErrors();
        }
    });
    $(
'#x1, #x2').val("hi");
    
okv.form(), 'Valid form' );
    $(
'#x2').val('not equal').blur();
    
ok( !v.form(), 'Invalid form' );
});


test("check(): simple", function() {
    
expect);
    var 
element = $('#firstname')[0];
    var 
= $('#testForm1').validate();
    
okv.size() === 0'No errors yet' );
    
v.check(element);
    
okv.size() === 1'error exists' );
    
v.errorList = [];
    $(
'#firstname').val("hi");
    
v.check(element);
    
okv.size() === 0'No more errors' );
});

test("hide(): input", function() {
    
expect);
    var 
errorLabel = $('#errorFirstname');
    var 
element = $('#firstname')[0];
    
element.value ="bla";
    var 
= $('#testForm1').validate();
    
errorLabel.show();
    
okerrorLabel.is(":visible"), "Error label visible before validation" );
    
okv.element(element) );
    
okerrorLabel.is(":hidden"), "Error label not visible after validation" );
});

test("hide(): radio", function() {
    
expect);
    var 
errorLabel = $('#agreeLabel');
    var 
element = $('#agb')[0];
    
element.checked true;
    var 
= $('#testForm2').validate({ errorClass"xerror" });
    
errorLabel.show();
    
okerrorLabel.is(":visible"), "Error label visible after validation" );
    
v.element(element);
    
okerrorLabel.is(":hidden"), "Error label not visible after hiding it" );
});

test("hide(): errorWrapper", function() {
    
expect(2);
    var 
errorLabel = $('#errorWrapper');
    var 
element = $('#meal')[0];
    
element.selectedIndex 1;

    
errorLabel.show();
    
okerrorLabel.is(":visible"), "Error label visible after validation" );
    var 
= $('#testForm3').validate({ wrapper"li"errorLabelContainer: $("#errorContainer") });
    
v.element(element);
    
okerrorLabel.is(":hidden"), "Error label not visible after hiding it" );
});

test("hide(): container", function() {
    
expect(4);
    var 
errorLabel = $('#errorContainer');
    var 
element = $('#testForm3')[0];
    var 
= $('#testForm3').validate({ errorWrapper"li"errorContainer: $("#errorContainer") });
    
v.form();
    
okerrorLabel.is(":visible"), "Error label visible after validation" );
    $(
'#meal')[0].selectedIndex 1;
    
v.form();
    
okerrorLabel.is(":hidden"), "Error label not visible after hiding it" );
    $(
'#meal')[0].selectedIndex = -1;
    
v.element("#meal");
    
okerrorLabel.is(":visible"), "Error label visible after validation" );
    $(
'#meal')[0].selectedIndex 1;
    
v.element("#meal");
    
okerrorLabel.is(":hidden"), "Error label not visible after hiding it" );
});

test("valid()", function() {
    
expect(4);
    var 
errorList = [{name:"meal",message:"foo"element:$("#meal")[0]}];
    var 
= $('#testForm3').validate();
    
okv.valid(), "No errors, must be valid" );
    
v.errorList errorList;
    
ok( !v.valid(), "One error, must be invalid" );
    
QUnit.reset();
    
= $('#testForm3').validate({ submitHandler: function() {
        
okfalse"Submit handler was called" );
    }});
    
okv.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("submitHandler keeps submitting button", function() {
    $(
"#userForm").validate({
        
debugtrue,
        
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.valuebutton.value);
            
deepEqual(hidden.namebutton.name);
        }
    });
    $(
"#username").val("bla");
    var 
button = $("#userForm :submit")[0];
  var 
event = $.Event("click");
  
event.preventDefault();
  $.
event.trigger(eventnullbutton);
    $(
"#userForm").submit();
});

test("showErrors()", function() {
    
expect);
    var 
errorLabel = $('#errorFirstname').hide();
    var 
element = $('#firstname')[0];
    var 
= $('#testForm1').validate();
    
okerrorLabel.is(":hidden") );
    
equal0, $("label.error[for=lastname]").size() );
    
v.showErrors({"firstname""required""lastname""bla"});
    
equaltrueerrorLabel.is(":visible") );
    
equaltrue, $("label.error[for=lastname]").is(":visible") );
});

test("showErrors(), allow empty string and null as default message", function() {
    $(
"#userForm").validate({
        
rules: {
            
username: {
                
requiredtrue,
                
minlength3
            
}
        },
        
messages: {
            
username: {
                
required"",
                
minlength"too short"
            
}
        }
    });
    
ok( !$("#username").valid() );
    
equal"", $("label.error[for=username]").text() );

    $(
"#username").val("ab");
    
ok( !$("#username").valid() );
    
equal"too short", $("label.error[for=username]").text() );

    $(
"#username").val("abc");
    
ok( $("#username").valid() );
    
ok( $("label.error[for=username]").is(":hidden") );
});

test("showErrors() - external messages", function() {
    
expect);
    var 
methods = $.extend({}, $.validator.methods);
    var 
messages = $.extend({}, $.validator.messages);
    $.
validator.addMethod("foo", function() { return false; });
    $.
validator.addMethod("bar", function() { return false; });
    
equal0, $("#testForm4 label.error[for=f1]").size() );
    
equal0, $("#testForm4 label.error[for=f2]").size() );
    var 
form = $('#testForm4')[0];
    var 
= $(form).validate({
        
messages: {
            
f1"Please!",
            
f2"Wohoo!"
        
}
    });
    
v.form();
    
equal( $("#testForm4 label.error[for=f1]").text(), "Please!" );
    
equal( $("#testForm4 label.error[for=f2]").text(), "Wohoo!" );

    $.
validator.methods methods;
    $.
validator.messages messages;
});

test("showErrors() - custom handler", function() {
    
expect(5);
    var 
= $('#testForm1').validate({
        
showErrors: function(errorMaperrorList) {
            
equalvthis );
            
equalv.errorListerrorList );
            
equalv.errorMaperrorMap );
            
equal"buga"errorMap.firstname );
            
equal"buga"errorMap.lastname );
        }
    });
    
v.form();
});

test("option: (un)highlight, default", function() {
    $(
"#testForm1").validate();
    var 
= $("#firstname");
    
ok( !e.hasClass("error") );
    
ok( !e.hasClass("valid") );
    
e.valid();
    
oke.hasClass("error") );
    
ok( !e.hasClass("valid") );
    
e.val("hithere").valid();
    
ok( !e.hasClass("error") );
    
oke.hasClass("valid") );
});

test("option: (un)highlight, nothing", function() {
    
expect(3);
    $(
"#testForm1").validate({
        
highlightfalse,
        
unhighlightfalse
    
});
    var 
= $("#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(elementerrorClass) {
            
equal"invalid"errorClass );
            $(
element).hide();
        },
        
unhighlight: function(elementerrorClass) {
            
equal"invalid"errorClass );
            $(
element).show();
        },
        
errorClass"invalid",
        
rules: {
            
firstname"required"
        
}
    });
    var 
= $("#firstnamec");
    
oke.is(":visible") );
    
e.valid();
    
ok( !e.is(":visible") );
    
e.val("hithere").valid();
    
oke.is(":visible") );
});

test("option: (un)highlight, custom2", function() {
    
expect(6);
    $(
"#testForm1").validate({
        
highlight: function(elementerrorClass) {
            $(
element).addClass(errorClass);
            $(
element.form).find("label[for=" element.id "]").addClass(errorClass);
        },
        
unhighlight: function(elementerrorClass) {
            $(
element).removeClass(errorClass);
            $(
element.form).find("label[for=" element.id "]").removeClass(errorClass);
        },
        
errorClass"invalid"
    
});
    var 
= $("#firstname");
    var 
= $("#errorFirstname");
    
ok( !e.is(".invalid") );
    
ok( !l.is(".invalid") );
    
e.valid();
    
oke.is(".invalid") );
    
okl.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();
    
okform.is(":has(label.error[for=username]:visible)"));
    $(
"#username").focus();
    
okform.is(":has(label.error[for=username]:visible)"));
});

test("option: focusCleanup true", function() {
    var 
form = $("#userForm");
    
form.validate({
        
focusCleanuptrue
    
});
    
form.valid();
    
okform.is(":has(label.error[for=username]:visible)") );
    $(
"#username").focus().trigger("focusin");
    
ok( !form.is(":has(label.error[for=username]:visible)") );
});

test("option: focusCleanup with wrapper", function() {
    var 
form = $("#userForm");
    
form.validate({
        
focusCleanuptrue,
        
wrapper"span"
    
});
    
form.valid();
    
okform.is(":has(span:visible:has(label.error[for=username]))") );
    $(
"#username").focus().trigger("focusin");
    
ok( !form.is(":has(span:visible:has(label.error[for=username]))") );
});

test("option: errorClass with multiple classes", function() {
    var 
form = $("#userForm");
    
form.validate({
        
focusCleanuptrue,
        
wrapper"span",
        
errorClass"error error1"
    
});
    
form.valid();
    
okform.is(":has(span:visible:has(label.error[for=username]))") );
    
okform.is(":has(span:visible:has(label.error1[for=username]))") );
    $(
"#username").focus().trigger("focusin");
    
ok( !form.is(":has(span:visible:has(label.error[for=username]))") );
    
ok( !form.is(":has(span:visible:has(label.error1[for=username]))") );
});

test("elements() order", function() {
    var 
container = $("#orderContainer");
    var 
= $("#elementsOrder").validate({
        
errorLabelContainercontainer,
        
wrap"li"
    
});
    
deepEqualv.elements().map(function() {
        return $(
this).attr("id");
    }).
get(), ["order1""order2""order3""order4""order5""order6"], "elements must be in document order" );
    
v.form();
    
deepEqualcontainer.children().map(function() {
        return $(
this).attr("for");
    }).
get(), ["order1""order2""order3""order4""order5""order6"], "labels in error container must be in document order" );
});

test("defaultMessage(), empty title is ignored", function() {
    var 
= $("#userForm").validate();
    
equal"This field is required."v.defaultMessage($("#username")[0], "required") );
});

test("formatAndAdd", function() {
    
expect(4);
    var 
= $("#form").validate();
    var 
fakeElement = { form: $("#form")[0], name"bar" };
    
v.formatAndAdd(fakeElement, {method"maxlength"parameters2});
    
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 
= $("#form").validate();
    var 
fakeElement = { form: $("#form")[0], name"bar" };
    
jQuery.validator.messages.test1 = function(paramelement) {
        
equalvthis );
        
equal0param );
        return 
"element " element.name " is not valid";
    };
    
v.formatAndAdd(fakeElement, {method"test1"parameters0});
    
equal"element bar is not valid"v.errorList[0].message );
});

test("formatAndAdd, auto detect substitution string", function() {
    var 
= $("#testForm1clean").validate({
        
rules: {
            
firstname: {
                
requiredtrue,
                
rangelength: [510]
            }
        },
        
messages: {
            
firstname: {
                
rangelength"at least ${0}, up to {1}"
            
}
        }
    });
    $(
"#firstnamec").val("abc");
    
v.form();
    
equal"at least 5, up to 10"v.errorList[0].message );
});

test("error containers, simple", function() {
    
expect(14);
    var 
container = $("#simplecontainer");
    var 
= $("#form").validate({
        
errorLabelContainercontainer,
        
showErrors: function() {
            
container.find("h3").htmljQuery.validator.format("There are {0} errors in your form."this.size()) );
            
this.defaultShowErrors();
        }
    });

    
v.prepareForm();
    
okv.valid(), "form is valid" );
    
equal0container.find("label").length"There should be no error labels" );
    
equal""container.find("h3").html() );

    
v.prepareForm();
    
v.errorList = [{message:"bar"element: {name:"foo"}}, {message"necessary"element: {name:"required"}}];
    
ok( !v.valid(), "form is not valid after adding errors manually" );
    
v.showErrors();
    
equalcontainer.find("label").length2"There should be two error labels" );
    
okcontainer.is(":visible"), "Check that the container is visible" );
    
container.find("label").each(function() {
        
ok( $(this).is(":visible"), "Check that each label is visible" );
    });
    
equal"There are 2 errors in your form."container.find("h3").html() );

    
v.prepareForm();
    
okv.valid(), "form is valid after a reset" );
    
v.showErrors();
    
equalcontainer.find("label").length2"There should still be two error labels" );
    
okcontainer.is(":hidden"), "Check that the container is hidden" );
    
container.find("label").each(function() {
        
ok( $(this).is(":hidden"), "Check that each label is hidden" );
    });
});

test("error containers, with labelcontainer I", function() {
    
expect(16);
    var 
container = $("#container"),
        
labelcontainer = $("#labelcontainer");
    var 
= $("#form").validate({
        
errorContainercontainer,
        
errorLabelContainerlabelcontainer,
        
wrapper"li"
    
});

    
okv.valid(), "form is valid" );
    
equal0container.find("label").length"There should be no error labels in the container" );
    
equal0labelcontainer.find("label").length"There should be no error labels in the labelcontainer" );
    
equal0labelcontainer.find("li").length"There should be no lis labels in the labelcontainer" );

    
v.errorList = [{message:"bar"element: {name:"foo"}}, {name"required"message"necessary"element: {name:"required"}}];
    
ok( !v.valid(), "form is not valid after adding errors manually" );
    
v.showErrors();
    
equal0container.find("label").length"There should be no error label in the container" );
    
equal2labelcontainer.find("label").length"There should be two error labels in the labelcontainer" );
    
equal2labelcontainer.find("li").length"There should be two error lis in the labelcontainer" );
    
okcontainer.is(":visible"), "Check that the container is visible" );
    
oklabelcontainer.is(":visible"), "Check that the labelcontainer is visible" );
    var 
labels labelcontainer.find("label").each(function() {
        
ok( $(this).is(":visible"), "Check that each label is visible1" );
        
equal"li", $(this).parent()[0].tagName.toLowerCase(), "Check that each label is wrapped in an li" );
        
ok( $(this).parent("li").is(":visible"), "Check that each parent li is visible" );
    });
});

test("errorcontainer, show/hide only on submit", function() {
    
expect(14);
    var 
container = $("#container");
    var 
labelContainer = $("#labelcontainer");
    var 
= $("#testForm1").bind("invalid-form.validate", function() {
        
oktrue"invalid-form event triggered called" );
    }).
validate({
        
errorContainercontainer,
        
errorLabelContainerlabelContainer,
        
showErrors: function() {
            
container.htmljQuery.validator.format("There are {0} errors in your form."this.numberOfInvalids()) );
            
oktrue"showErrors called" );
            
this.defaultShowErrors();
        }
    });
    
equal""container.html(), "must be empty" );
    
equal""labelContainer.html(), "must be empty" );
    
// validate whole form, both showErrors and invalidHandler must be called once
    // preferably invalidHandler first, showErrors second
    
ok( !v.form(), "invalid form" );
    
equal2labelContainer.find("label").length );
    
equal"There are 2 errors in your form."container.html() );
    
oklabelContainer.is(":visible"), "must be visible" );
    
okcontainer.is(":visible"), "must be visible" );

    $(
"#firstname").val("hix").keyup();
    $(
"#testForm1").triggerHandler("keyup", [jQuery.event.fix({ type"keyup"target: $("#firstname")[0] })]);
    
equal1labelContainer.find("label:visible").length );
    
equal"There are 1 errors in your form."container.html() );

    $(
"#lastname").val("abc");
    
okv.form(), "Form now valid, trigger showErrors but not invalid-form" );
});

test("option invalidHandler", function() {
    
expect(1);
    var 
= $("#testForm1clean").validate({
        
invalidHandler: function() {
            
oktrue"invalid-form event triggered called" );
            
start();
        }
    });
    $(
"#usernamec").val("asdf").rules("add", { requiredtrueminlength});
    
stop();
    $(
"#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() {
        
equalinputs[0], this"focused first element" );
    });
    var 
= $("#testForm1").validate();
    
v.form();
    
v.focusInvalid();
});

test("findLastActive()", function() {
    
expect(3);
    var 
= $("#testForm1").validate();
    
ok( !v.findLastActive() );
    
v.form();
    
v.focusInvalid();
    
equalv.findLastActive(), $("#firstname")[0] );
    var 
lastActive = $("#lastname").trigger("focus").trigger("focusin")[0];
    
equalv.lastActivelastActive );
});

test("validating multiple checkboxes with 'required'", function() {
    
expect(3);
    var 
checkboxes = $("#form input[name=check3]").prop("checked"false);
    
equal(checkboxes.size(), 5);
    var 
= $("#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;
    function 
add() {
        $(
"<input data-rule-required='true' name='list" counter++ + "' />").appendTo("#testForm2");
    }
    function 
errors(expectedmessage) {
        
equal(expectedv.size(), message );
    }
    var 
= $("#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 
= $("#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(expectedmessage) {
        
equal(expectedv.size(), message );
    }
    var 
= $("#testForm1").validate();
    
v.form();
    
errors(2);
    $(
"#firstname").val("hiy");
    
v.resetForm();
    
errors(0);
    
equal("", $("#firstname").val(), "form plugin is included, therefor resetForm must also reset inputs, not only errors");
});

test("message from title", function() {
    var 
= $("#withTitle").validate();
    
v.checkForm();
    
equal(v.errorList[0].message"fromtitle""title not used");
});

test("ignoreTitle", function() {
    var 
= $("#withTitle").validate({ignoreTitle:true});
    
v.checkForm();
    
equal(v.errorList[0].message, $.validator.messages["required"], "title used when it should have been ignored");
});

test("ajaxSubmit", function() {
    
expect(1);
    
stop();
    $(
"#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 = $("<form>");
    var 
validate form.validate({
        
groups: {
            
arrayGroup: ["input one""input-two""input three"],
            
stringGroup"input-four input-five input-six"
        
}
    });
    
equal(validate.groups["input one"], "arrayGroup");
    
equal(validate.groups["input-two"], "arrayGroup");
    
equal(validate.groups["input three"], "arrayGroup");
    
equal(validate.groups["input-four"], "stringGroup");
    
equal(validate.groups["input-five"], "stringGroup");
    
equal(validate.groups["input-six"], "stringGroup");
});

test('bypassing validation on form submission',function () {
    var 
form = $("#bypassValidation");
    var 
normalSubmission = $("form#bypassValidation :input[id=normalSubmit]");
    var 
bypassSubmitWithCancel = $("form#bypassValidation :input[id=bypassSubmitWithCancel]");
    var 
bypassSubmitWithNoValidate1 = $("form#bypassValidation :input[id=bypassSubmitWithNoValidate1]");
    var 
bypassSubmitWithNoValidate2 = $("form#bypassValidation :input[id=bypassSubmitWithNoValidate2]");

    var 
$v form.validate({
        
debug true
    
});

    
bypassSubmitWithCancel.click();
    
equal($v.numberOfInvalids(), 0"Validation was bypassed using CSS 'cancel' class.");
    
$v.resetForm();

    
bypassSubmitWithNoValidate1.click();
    
equal($v.numberOfInvalids(), 0"Validation was bypassed using blank 'formnovalidate' attribute.");
    
$v.resetForm();

    
bypassSubmitWithNoValidate2.click();
    
equal($v.numberOfInvalids(), 0"Validation was bypassed using 'formnovalidate="formnovalidate"' attribute.");
    
$v.resetForm();

    
normalSubmission.click();
    
equal($v.numberOfInvalids(), 1"Validation failed correctly");
});


module("misc");

test("success option", function() {
    
expect(7);
    
equal"", $("#firstname").val() );
    var 
= $("#testForm1").validate({
        
success"valid"
    
});
    var 
label = $("#testForm1 label");
    
oklabel.is(".error") );
    
ok( !label.is(".valid") );
    
v.form();
    
oklabel.is(".error") );
    
ok( !label.is(".valid") );
    $(
"#firstname").val("hi");
    
v.form();
    
oklabel.is(".error") );
    
oklabel.is(".valid") );
});

test("success option2", function() {
    
expect(5);
    
equal"", $("#firstname").val() );
    var 
= $("#testForm1").validate({
        
success"valid"
    
});
    var 
label = $("#testForm1 label");
    
oklabel.is(".error") );
    
ok( !label.is(".valid") );
    $(
"#firstname").val("hi");
    
v.form();
    
oklabel.is(".error") );
    
oklabel.is(".valid") );
});

test("success option3", function() {
    
expect(5);
    
equal"", $("#firstname").val() );
    $(
"#errorFirstname").remove();
    var 
= $("#testForm1").validate({
        
success"valid"
    
});
    
equal0, $("#testForm1 label").size() );
    $(
"#firstname").val("hi");
    
v.form();
    var 
labels = $("#testForm1 label");
    
equal3labels.size() );
    
oklabels.eq(0).is(".valid") );
    
ok( !labels.eq(1).is(".valid") );
});

test("successlist", function() {
    var 
= $("#form").validate({ success"xyz" });
    
v.form();
    
equal(0v.successList.length);
});

test("success isn't called for optional elements", function() {
    
expect(4);
    
equal"", $("#firstname").removeAttr("data-rule-required").removeAttr("data-rule-minlength").val() );
    $(
"#something").remove();
    $(
"#lastname").remove();
    $(
"#errorFirstname").remove();
    var 
= $("#testForm1").validate({
        
success: function() {
            
okfalse"don't call success for optional elements!" );
        },
        
rules: {
            
firstname"email"
        
}
    });
    
equal0, $("#testForm1 label").size() );
    
v.form();
    
equal0, $("#testForm1 label").size() );
    $(
"#firstname").valid();
    
equal0, $("#testForm1 label").size() );
});

test("success callback with element", function() {
    
expect(1);
    var 
= $("#userForm").validate({
        
success: function( labelelement ) {
            
equalelement, $('#username').get(0) );
        }
    });
    $(
"#username").val("hi");
    
v.form();
});

test("all rules are evaluated even if one returns a dependency-mistmatch", function() {
    
expect(6);
    
equal"", $("#firstname").removeAttr("data-rule-required").removeAttr("data-rule-minlength").val() );
    $(
"#lastname").remove();
    $(
"#errorFirstname").remove();
    $.
validator.addMethod("custom1", function() {
        
oktrue"custom method must be evaluated" );
        return 
true;
    }, 
"");
    var 
= $("#testForm1").validate({
        
rules: {
            
firstname: {email:truecustom1true}
        }
    });
    
equal0, $("#testForm1 label").size() );
    
v.form();
    
equal0, $("#testForm1 label").size() );
    $(
"#firstname").valid();
    
equal0, $("#testForm1 label").size() );

    
delete $.validator.methods.custom1;
    
delete $.validator.messages.custom1;
});

test("messages", function() {
    var 
jQuery.validator.messages;
    
equal"Please enter no more than 0 characters."m.maxlength(0) );
    
equal"Please enter at least 1 characters."m.minlength(1) );
    
equal"Please enter a value between 1 and 2 characters long."m.rangelength([12]) );
    
equal"Please enter a value less than or equal to 1."m.max(1) );
    
equal"Please enter a value greater than or equal to 0."m.min(0) );
    
equal"Please enter a value between 1 and 2."m.range([12]) );
});

test("jQuery.validator.format", function() {
    
equal"Please enter a value between 0 and 1."jQuery.validator.format("Please enter a value between {0} and {1}."01) );
    
equal"0 is too fast! Enter a value smaller then 0 and at least -15"jQuery.validator.format("{0} is too fast! Enter a value smaller then {0} and at least {1}"0, -15) );
    var 
template jQuery.validator.format("{0} is too fast! Enter a value smaller then {0} and at least {1}");
    
equal"0 is too fast! Enter a value smaller then 0 and at least -15"template(0, -15) );
    
template jQuery.validator.format("Please enter a value between {0} and {1}.");
    
equal"Please enter a value between 1 and 2."template([12]) );
    
equal( $.validator.format("{0}""$0"), "$0" );
});

test("option: ignore", function() {
    var 
= $("#testForm1").validate({
        
ignore"[name=lastname]"
    
});
    
v.form();
    
equal1v.size() );
});

test("option: subformRequired", function() {
    
jQuery.validator.addMethod("billingRequired", function(valueelement) {
        if ($(
"#bill_to_co").is(":checked")) {
            return $(
element).parents("#subform").length;
        }
        return !
this.optional(element);
    }, 
"");
    var 
= $("#subformRequired").validate();
    
v.form();
    
equal1v.size() );
    $(
"#bill_to_co").attr("checked"false);
    
v.form();
    
equal2v.size() );

    
delete $.validator.methods.billingRequired;
    
delete $.validator.messages.billingRequired;
});

module("expressions");

test("expression: :blank", function() {
    var 
= $("#lastname")[0];
    
equal1, $(e).filter(":blank").length );
    
e.value " ";
    
equal1, $(e).filter(":blank").length );
    
e.value "   ";
    
equal1, $(e).filter(":blank").length );
    
e.value" a ";
    
equal0, $(e).filter(":blank").length );
});

test("expression: :filled", function() {
    var 
= $("#lastname")[0];
    
equal0, $(e).filter(":filled").length );
    
e.value " ";
    
equal0, $(e).filter(":filled").length );
    
e.value "   ";
    
equal0, $(e).filter(":filled").length );
    
e.value" a ";
    
equal1, $(e).filter(":filled").length );
});

test("expression: :unchecked", function() {
    var 
= $("#check2")[0];
    
equal1, $(e).filter(":unchecked").length );
    
e.checked true;
    
equal0, $(e).filter(":unchecked").length );
    
e.checked false;
    
equal1, $(e).filter(":unchecked").length );
});

module("events");

test("validate on blur", function() {
    function 
errors(expectedmessage) {
        
equal(v.size(), expectedmessage );
    }
    function 
labels(expected) {
        
equal(v.errors().filter(":visible").size(), expected);
    }
    function 
blur(target) {
        
target.trigger("blur").trigger("focusout");
    }
    $(
"#errorFirstname").hide();
    var 
= $("#firstname");
    var 
= $("#testForm1").validate();
    $(
"#something").val("");
    
blur(e);
    
errors(0"No value yet, required is skipped on blur");
    
labels(0);
    
e.val("h");
    
blur(e);
    
errors(1"Required was ignored, but as something was entered, check other rules, minlength isn't met");
    
labels(1);
    
e.val("hh");
    
blur(e);
    
errors(0"All is fine");
    
labels(0);
    
e.val("");
    
v.form();
    
errors(3"Submit checks all rules, both fields invalid");
    
labels(3);
    
blur(e);
    
errors(1"Blurring the field results in emptying the error list first, then checking the invalid field: its still invalid, don't remove the error" );
    
labels(3);
    
e.val("h");
    
blur(e);
    
errors(1"Entering a single character fulfills required, but not minlength: 2, still invalid");
    
labels(3);
    
e.val("hh");
    
blur(e);
    
errors(0"Both required and minlength are met, no errors left");
    
labels(2);
});

test("validate on keyup", function() {
    function 
errors(expectedmessage) {
        
equal(expectedv.size(), message );
    }
    function 
keyup(target) {
        
target.trigger("keyup");
    }
    var 
= $("#firstname");
    var 
= $("#testForm1").validate();
    
keyup(e);
    
errors(0"No value, no errors");
    
e.val("a");
    
keyup(e);
    
errors(0"Value, but not invalid");
    
e.val("");
    
v.form();
    
errors(2"Both invalid");
    
keyup(e);
    
errors(1"Only one field validated, still invalid");
    
e.val("hh");
    
keyup(e);
    
errors(0"Not invalid anymore");
    
e.val("h");
    
keyup(e);
    
errors(1"Field didn't loose focus, so validate again, invalid");
    
e.val("hh");
    
keyup(e);
    
errors(0"Valid");
});

test("validate on not keyup, only blur", function() {
    function 
errors(expectedmessage) {
        
equal(expectedv.size(), message );
    }
    var 
= $("#firstname");
    var 
= $("#testForm1").validate({
        
onkeyupfalse
    
});
    
errors(0);
    
e.val("a");
    
e.trigger("keyup");
    
e.keyup();
    
errors(0);
    
e.trigger("blur").trigger("focusout");
    
errors(1);
});

test("validate on keyup and blur", function() {
    function 
errors(expectedmessage) {
        
equal(expectedv.size(), message );
    }
    var 
= $("#firstname");
    var 
= $("#testForm1").validate();
    
errors(0);
    
e.val("a");
    
e.trigger("keyup");
    
errors(0);
    
e.trigger("blur").trigger("focusout");
    
errors(1);
});

test("validate email on keyup and blur", function() {
    function 
errors(expectedmessage) {
        
equal(expectedv.size(), message );
    }
    var 
= $("#firstname");
    var 
= $("#testForm1").validate();
    
v.form();
    
errors(2);
    
e.val("a");
    
e.trigger("keyup");
    
errors(1);
    
e.val("aa");
    
e.trigger("keyup");
    
errors(0);
});

test("validate checkbox on click", function() {
    function 
errors(expectedmessage) {
        
equal(expectedv.size(), message );
    }
    function 
trigger(element) {
        
element.click();
        
// triggered click event screws up checked-state in 1.4
        
element.valid();
    }
    var 
= $("#check2");
    var 
= $("#form").validate({
        
rules: {
            
check2"required"
        
}
    });
    
trigger(e);
    
errors(0);
    
trigger(e);
    
equalfalsev.form() );
    
errors(1);
    
trigger(e);
    
errors(0);
    
trigger(e);
    
errors(1);
});

test("validate multiple checkbox on click", function() {
    function 
errors(expectedmessage) {
        
equal(expectedv.size(), message );
    }
    function 
trigger(element) {
        
element.click();
        
// triggered click event screws up checked-state in 1.4
        
element.valid();
    }
    var 
e1 = $("#check1").attr("checked"false);
    var 
e2 = $("#check1b");
    var 
= $("#form").validate({
        
rules: {
            
check: {
                
requiredtrue,
                
minlength2
            
}
        }
    });
    
trigger(e1);
    
trigger(e2);
    
errors(0);
    
trigger(e2);
    
equalfalsev.form() );
    
errors(1);
    
trigger(e2);
    
errors(0);
    
trigger(e2);
    
errors(1);
});

test("correct checkbox receives the error", function(){
    function 
trigger(element) {
        
element.click();
        
// triggered click event screws up checked-state in 1.4
        
element.valid();
    }
    var 
e1 = $("#check1").attr("checked"false);
    var 
e2 = $("#check1b").attr("checked"false);
    var 
= $("#form").find('[type=checkbox]').attr('checked'false).end().validate({
        
rules:{
            
check: {
                    
requiredtrue,
                    
minlength2
            
}
        }
    });
    
equal(falsev.form());
    
trigger(e1);
    
equal(falsev.form());
    
ok(v.errorList[0].element.id === v.currentElements[0].id"the proper checkbox has the error AND is present in currentElements");
});

test("validate radio on click", function() {
    function 
errors(expectedmessage) {
        
equal(expectedv.size(), message );
    }
    function 
trigger(element) {
        
element.click();
        
// triggered click event screws up checked-state in 1.4
        
element.valid();
    }
    var 
e1 = $("#radio1");
    var 
e2 = $("#radio1a");
    var 
= $("#form").validate({
        
rules: {
            
radio1"required"
        
}
    });
    
errors(0);
    
equalfalsev.form() );
    
errors(1);
    
trigger(e2);
    
errors(0);
    
trigger(e1);
    
errors(0);
});

test("validate input with no type attribute, defaulting to text", function() {
    function 
errors(expectedmessage) {
        
equal(expectedv.size(), message );
    }
    var 
= $("#testForm12").validate();
    var 
= $("#testForm12text");
    
errors(0);
    
e.valid();
    
errors(1);
    
e.val('test');
    
e.trigger('keyup');
    
errors(0);
});

test("ignore hidden elements", function(){
    var 
form = $('#userForm');
    var 
validate form.validate({
        
rules:{
            
"username""required"
        
}
    });
    
form.get(0).reset();
    
ok(! validate.form(), "form should be initially invalid");
    $(
'#userForm [name=username]').hide();
    
ok(validate.form(), "hidden elements should be ignored by default");
});

test("ignore hidden elements at start", function(){
    var 
form = $('#userForm');
    var 
validate form.validate({
        
rules:{
            
"username""required"
        
}
    });
    
form.get(0).reset();
    $(
'#userForm [name=username]').hide();
    
ok(validate.form(), "hidden elements should be ignored by default");
    $(
'#userForm [name=username]').show();
    
ok(! validate.form(), "form should be invalid when required element is visible");
});

test("Specify error messages through data attributes", function() {
    var 
form = $('#dataMessages');
    var 
name = $('#dataMessagesName');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#dataMessages label');
    
equallabel.text(), "You must enter a value here""Correct error label" );
});

test("Updates pre-existing label if has error class", function() {
    var 
form = $('#updateLabel'),
        
input = $('#updateLabelInput'),
        
label = $('#targetLabel'),
        
form.validate(),
        
labelsBefore form.find('label').length,
        
labelsAfter;

    
input.val('');
    
input.valid();
    
labelsAfter form.find('label').length;

    
// label was updated
    
equallabel.text(), input.attr('data-msg-required') );
    
// new label wasn't created
    
equallabelsBeforelabelsAfter );
});

test("Min date set by attribute", function() {
    var 
form = $('#rangesMinDateInvalid');
    var 
name = $('#minDateInvalid');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#rangesMinDateInvalid label');
    
equallabel.text(), "Please enter a value greater than or equal to 2012-12-21.""Correct error label" );
});

test("Max date set by attribute", function() {
    var 
form = $('#ranges');
    var 
name = $('#maxDateInvalid');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), "Please enter a value less than or equal to 2012-12-21.""Correct error label" );
});

test("Min and Max date set by attributes greater", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeDateInvalidGreater');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), "Please enter a value less than or equal to 2013-01-21.""Correct error label" );
});

test("Min and Max date set by attributes less", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeDateInvalidLess');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), "Please enter a value greater than or equal to 2012-11-21.""Correct error label" );
});

test("Min date set by attribute valid", function() {
    var 
form = $('#rangeMinDateValid');
    var 
name = $('#minDateValid');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#rangeMinDateValid label');
    
equallabel.text(), """Correct error label" );
});

test("Max date set by attribute valid", function() {
    var 
form = $('#ranges');
    var 
name = $('#maxDateValid');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), """Correct error label" );
});

test("Min and Max date set by attributes valid", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeDateValid');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), """Correct error label" );
});

test("Min and Max strings set by attributes greater", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeTextInvalidGreater');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), "Please enter a value less than or equal to 200.""Correct error label" );
});

test("Min and Max strings set by attributes less", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeTextInvalidLess');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), "Please enter a value greater than or equal to 200.""Correct error label" );
});

test("Min and Max strings set by attributes valid", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeTextValid');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), """Correct error label" );
});



test("Min and Max type absent set by attributes greater", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeAbsentInvalidGreater');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), "Please enter a value less than or equal to 200.""Correct error label" );
});

test("Min and Max type absent set by attributes less", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeAbsentInvalidLess');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), "Please enter a value greater than or equal to 200.""Correct error label" );
});

test("Min and Max type absent set by attributes valid", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeAbsentValid');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), """Correct error label" );
});



test("Min and Max range set by attributes valid", function() {
    
//
    // cannot test for overflow: 
    // When the element is suffering from an underflow,
    // the user agent must set the element's value to a valid
    // floating-point number that represents the minimum.
    // http://www.w3.org/TR/html5/forms.html#range-state-%28type=range%29
    //
    
var form = $('#ranges');
    var 
name = $('#rangeRangeValid');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), """Correct error label" );
});


test("Min and Max number set by attributes valid", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeNumberValid');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), """Correct error label" );
});


test("Min and Max number set by attributes greater", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeNumberInvalidGreater');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), "Please enter a value less than or equal to 200.""Correct error label" );
});


test("Min and Max number set by attributes less", function() {
    var 
form = $('#ranges');
    var 
name = $('#rangeNumberInvalidLess');
    var 
form.validate();

    
form.get(0).reset();
    
name.valid();

    var 
label = $('#ranges label');
    
equallabel.text(), "Please enter a value greater than or equal to 50.""Correct error label" );
});
?>
Онлайн: 3
Реклама