mirror of
https://github.com/jquery-validation/jquery-validation.git
synced 2025-12-20 09:11:40 +01:00
JSHint: Apply onevar to tests
This commit is contained in:
Nick Schonning
37
test/aria.js
37
test/aria.js
@@ -1,8 +1,9 @@
|
||||
module("aria");
|
||||
|
||||
test("Invalid field adds aria-invalid=true", function() {
|
||||
var ariaInvalidFirstName = $("#ariaInvalidFirstName");
|
||||
var form = $("#ariaInvalid");
|
||||
var ariaInvalidFirstName = $("#ariaInvalidFirstName"),
|
||||
form = $("#ariaInvalid");
|
||||
|
||||
form.validate({
|
||||
rules: {
|
||||
ariaInvalidFirstName: "required"
|
||||
@@ -14,8 +15,9 @@ test("Invalid field adds aria-invalid=true", function() {
|
||||
});
|
||||
|
||||
test("Valid field adds aria-invalid=false", function() {
|
||||
var ariaInvalidFirstName = $("#ariaInvalidFirstName");
|
||||
var form = $("#ariaInvalid");
|
||||
var ariaInvalidFirstName = $("#ariaInvalidFirstName"),
|
||||
form = $("#ariaInvalid");
|
||||
|
||||
form.validate({
|
||||
rules: {
|
||||
ariaInvalidFirstName: "required"
|
||||
@@ -28,13 +30,14 @@ test("Valid field adds aria-invalid=false", function() {
|
||||
});
|
||||
|
||||
test("resetForm(): removes all aria-invalid attributes", function() {
|
||||
var ariaInvalidFirstName = $("#ariaInvalidFirstName");
|
||||
var form = $("#ariaInvalid");
|
||||
var validator = form.validate({
|
||||
var ariaInvalidFirstName = $("#ariaInvalidFirstName"),
|
||||
form = $("#ariaInvalid"),
|
||||
validator = form.validate({
|
||||
rules: {
|
||||
ariaInvalidFirstName: "required"
|
||||
}
|
||||
});
|
||||
|
||||
ariaInvalidFirstName.val("not empty");
|
||||
ariaInvalidFirstName.valid();
|
||||
validator.resetForm();
|
||||
@@ -42,29 +45,33 @@ test("resetForm(): removes all aria-invalid attributes", function() {
|
||||
});
|
||||
|
||||
test("Static required field adds aria-required", function() {
|
||||
var ariaRequiredStatic = $("#ariaRequiredStatic");
|
||||
var form = $("#ariaRequired");
|
||||
var ariaRequiredStatic = $("#ariaRequiredStatic"),
|
||||
form = $("#ariaRequired");
|
||||
|
||||
form.validate();
|
||||
equal(ariaRequiredStatic.attr("aria-required"), "true");
|
||||
});
|
||||
|
||||
test("Data required field adds aria-required", function() {
|
||||
var ariaRequiredData = $("#ariaRequiredData");
|
||||
var form = $("#ariaRequired");
|
||||
var ariaRequiredData = $("#ariaRequiredData"),
|
||||
form = $("#ariaRequired");
|
||||
|
||||
form.validate();
|
||||
equal(ariaRequiredData.attr("aria-required"), "true");
|
||||
});
|
||||
|
||||
test("Class required field adds aria-required", function() {
|
||||
var ariaRequiredClass = $("#ariaRequiredClass");
|
||||
var form = $("#ariaRequired");
|
||||
var ariaRequiredClass = $("#ariaRequiredClass"),
|
||||
form = $("#ariaRequired");
|
||||
|
||||
form.validate();
|
||||
equal(ariaRequiredClass.attr("aria-required"), "true");
|
||||
});
|
||||
|
||||
test("Dynamically required field adds aria-required after valid()", function() {
|
||||
var ariaRequiredDynamic = $("#ariaRequiredDynamic");
|
||||
var form = $("#ariaRequired");
|
||||
var ariaRequiredDynamic = $("#ariaRequiredDynamic"),
|
||||
form = $("#ariaRequired");
|
||||
|
||||
form.resetForm();
|
||||
form.validate({
|
||||
rules: {
|
||||
|
||||
@@ -40,15 +40,17 @@ test("group error messages", function() {
|
||||
});
|
||||
|
||||
test("read messages from metadata", function() {
|
||||
var form = $("#testForm9");
|
||||
var form = $("#testForm9"),
|
||||
e, g;
|
||||
|
||||
form.validate();
|
||||
var e = $("#testEmail9");
|
||||
e = $("#testEmail9");
|
||||
e.valid();
|
||||
equal( form.find("label[for=testEmail9]").text(), "required" );
|
||||
e.val("bla").valid();
|
||||
equal( form.find("label[for=testEmail9]").text(), "email" );
|
||||
|
||||
var g = $("#testGeneric9");
|
||||
g = $("#testGeneric9");
|
||||
g.valid();
|
||||
equal( form.find("label[for=testGeneric9]").text(), "generic");
|
||||
g.val("bla").valid();
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
(function($) {
|
||||
|
||||
function methodTest( methodName ) {
|
||||
var v = jQuery("#form").validate();
|
||||
var method = $.validator.methods[methodName];
|
||||
var element = $("#firstname")[0];
|
||||
var v = jQuery("#form").validate(),
|
||||
method = $.validator.methods[methodName],
|
||||
element = $("#firstname")[0];
|
||||
|
||||
return function(value, param) {
|
||||
element.value = value;
|
||||
return method.call( v, value, element, param );
|
||||
@@ -244,10 +245,11 @@ test("minlength", function() {
|
||||
});
|
||||
|
||||
test("maxlength", function() {
|
||||
var v = jQuery("#form").validate();
|
||||
var method = $.validator.methods.maxlength,
|
||||
var v = jQuery("#form").validate(),
|
||||
method = $.validator.methods.maxlength,
|
||||
param = 4,
|
||||
e = $("#text1, #text2, #text3");
|
||||
|
||||
ok( method.call( v, e[0].value, e[0], param), "Valid text input" );
|
||||
ok( method.call( v, e[1].value, e[1], param), "Valid text input" );
|
||||
ok(!method.call( v, e[2].value, e[2], param), "Invalid text input" );
|
||||
@@ -265,49 +267,54 @@ test("maxlength", function() {
|
||||
});
|
||||
|
||||
test("rangelength", function() {
|
||||
var v = jQuery("#form").validate();
|
||||
var method = $.validator.methods.rangelength,
|
||||
var v = jQuery("#form").validate(),
|
||||
method = $.validator.methods.rangelength,
|
||||
param = [2, 4],
|
||||
e = $("#text1, #text2, #text3");
|
||||
|
||||
ok( method.call( v, e[0].value, e[0], param), "Valid text input" );
|
||||
ok(!method.call( v, e[1].value, e[1], param), "Invalid text input" );
|
||||
ok(!method.call( v, e[2].value, e[2], param), "Invalid text input" );
|
||||
});
|
||||
|
||||
test("min", function() {
|
||||
var v = jQuery("#form").validate();
|
||||
var method = $.validator.methods.min,
|
||||
var v = jQuery("#form").validate(),
|
||||
method = $.validator.methods.min,
|
||||
param = 8,
|
||||
e = $("#value1, #value2, #value3");
|
||||
|
||||
ok(!method.call( v, e[0].value, e[0], param), "Invalid text input" );
|
||||
ok( method.call( v, e[1].value, e[1], param), "Valid text input" );
|
||||
ok( method.call( v, e[2].value, e[2], param), "Valid text input" );
|
||||
});
|
||||
|
||||
test("max", function() {
|
||||
var v = jQuery("#form").validate();
|
||||
var method = $.validator.methods.max,
|
||||
var v = jQuery("#form").validate(),
|
||||
method = $.validator.methods.max,
|
||||
param = 12,
|
||||
e = $("#value1, #value2, #value3");
|
||||
|
||||
ok( method.call( v, e[0].value, e[0], param), "Valid text input" );
|
||||
ok( method.call( v, e[1].value, e[1], param), "Valid text input" );
|
||||
ok(!method.call( v, e[2].value, e[2], param), "Invalid text input" );
|
||||
});
|
||||
|
||||
test("range", function() {
|
||||
var v = jQuery("#form").validate();
|
||||
var method = $.validator.methods.range,
|
||||
var v = jQuery("#form").validate(),
|
||||
method = $.validator.methods.range,
|
||||
param = [4,12],
|
||||
e = $("#value1, #value2, #value3");
|
||||
|
||||
ok(!method.call( v, e[0].value, e[0], param), "Invalid text input" );
|
||||
ok( method.call( v, e[1].value, e[1], param), "Valid text input" );
|
||||
ok(!method.call( v, e[2].value, e[2], param), "Invalid text input" );
|
||||
});
|
||||
|
||||
test("equalTo", function() {
|
||||
var v = jQuery("#form").validate();
|
||||
var method = $.validator.methods.equalTo,
|
||||
var v = jQuery("#form").validate(),
|
||||
method = $.validator.methods.equalTo,
|
||||
e = $("#text1, #text2");
|
||||
|
||||
ok( method.call( v, "Test", e[0], "#text1" ), "Text input" );
|
||||
ok( method.call( v, "T", e[1], "#text2" ), "Another one" );
|
||||
});
|
||||
@@ -321,14 +328,15 @@ test("creditcard", function() {
|
||||
});
|
||||
|
||||
test("extension", function() {
|
||||
var method = methodTest("extension");
|
||||
var method = methodTest("extension"),
|
||||
v;
|
||||
ok( method( "picture.gif" ), "Valid default accept type" );
|
||||
ok( method( "picture.jpg" ), "Valid default accept type" );
|
||||
ok( method( "picture.jpeg" ), "Valid default accept type" );
|
||||
ok( method( "picture.png" ), "Valid default accept type" );
|
||||
ok(!method( "picture.pgn" ), "Invalid default accept type" );
|
||||
|
||||
var v = jQuery("#form").validate();
|
||||
v = jQuery("#form").validate();
|
||||
method = function(value, param) {
|
||||
return $.validator.methods.extension.call(v, value, $("#text1")[0], param);
|
||||
};
|
||||
@@ -346,8 +354,8 @@ test("extension", function() {
|
||||
test("remote", function() {
|
||||
expect(7);
|
||||
stop();
|
||||
var e = $("#username");
|
||||
var v = $("#userForm").validate({
|
||||
var e = $("#username"),
|
||||
v = $("#userForm").validate({
|
||||
rules: {
|
||||
username: {
|
||||
required: true,
|
||||
@@ -364,6 +372,7 @@ test("remote", function() {
|
||||
ok( false, "submitHandler may never be called when validating only elements");
|
||||
}
|
||||
});
|
||||
|
||||
$(document).ajaxStop(function() {
|
||||
$(document).unbind("ajaxStop");
|
||||
equal( 1, v.size(), "There must be one error" );
|
||||
@@ -418,8 +427,8 @@ test("remote, customized ajax options", function() {
|
||||
test("remote extensions", function() {
|
||||
expect(5);
|
||||
stop();
|
||||
var e = $("#username");
|
||||
var v = $("#userForm").validate({
|
||||
var e = $("#username"),
|
||||
v = $("#userForm").validate({
|
||||
rules: {
|
||||
username: {
|
||||
required: true,
|
||||
@@ -435,6 +444,7 @@ test("remote extensions", function() {
|
||||
ok( false, "submitHandler may never be called when validating only elements");
|
||||
}
|
||||
});
|
||||
|
||||
$(document).ajaxStop(function() {
|
||||
$(document).unbind("ajaxStop");
|
||||
if ( v.size() !== 0 ) {
|
||||
@@ -453,9 +463,11 @@ test("remote extensions", function() {
|
||||
test("remote radio correct value sent", function() {
|
||||
expect(1);
|
||||
stop();
|
||||
var e = $("#testForm10Radio2");
|
||||
var e = $("#testForm10Radio2"),
|
||||
v;
|
||||
|
||||
e.attr("checked", "checked");
|
||||
var v = $("#testForm10").validate({
|
||||
v = $("#testForm10").validate({
|
||||
rules: {
|
||||
testForm10Radio: {
|
||||
required: true,
|
||||
@@ -477,8 +489,8 @@ test("remote radio correct value sent", function() {
|
||||
test("remote reset clear old value", function() {
|
||||
expect(1);
|
||||
stop();
|
||||
var e = $("#username");
|
||||
var v = $("#userForm").validate({
|
||||
var e = $("#username"),
|
||||
v = $("#userForm").validate({
|
||||
rules: {
|
||||
username: {
|
||||
required: true,
|
||||
@@ -495,6 +507,7 @@ test("remote reset clear old value", function() {
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(document).ajaxStop(function() {
|
||||
var waitTimeout;
|
||||
|
||||
@@ -952,10 +965,12 @@ test("creditcardtypes, mastercard", function() {
|
||||
});
|
||||
|
||||
function fillFormWithValuesAndExpect(formSelector, inputValues, expected) {
|
||||
for (var i=0; i < inputValues.length; i++) {
|
||||
var i, actual;
|
||||
|
||||
for (i = 0; i < inputValues.length; i++) {
|
||||
$(formSelector + " input:eq(" + i + ")").val(inputValues[i]);
|
||||
}
|
||||
var actual = $(formSelector).valid();
|
||||
actual = $(formSelector).valid();
|
||||
equal(actual, expected, $.validator.format("Filled inputs of form '{0}' with {1} values ({2})", formSelector, inputValues.length, inputValues.toString()));
|
||||
|
||||
}
|
||||
@@ -1137,8 +1152,9 @@ test("cifES", function() {
|
||||
});
|
||||
|
||||
test("maxWords", function(){
|
||||
var method = methodTest("maxWords");
|
||||
var maxWords = 6;
|
||||
var method = methodTest("maxWords"),
|
||||
maxWords = 6;
|
||||
|
||||
ok( method( "I am a sentence", maxWords), "Max Words");
|
||||
ok(!method( "I'm way too long for this sentence!", maxWords), "Too many words");
|
||||
ok(method( "Don’t “count” me as too long", maxWords), "Right amount of words with smartquotes");
|
||||
@@ -1148,8 +1164,9 @@ test("maxWords", function(){
|
||||
});
|
||||
|
||||
test("minWords", function(){
|
||||
var method = methodTest("minWords");
|
||||
var minWords = 6;
|
||||
var method = methodTest("minWords"),
|
||||
minWords = 6;
|
||||
|
||||
ok(!method( "I am a short sentence", minWords), "Max Words");
|
||||
ok( method( "I'm way too long for this sentence!", minWords), "Too many words");
|
||||
ok(!method( "Don’t “count” me as short.", minWords), "Right amount of words with smartquotes");
|
||||
@@ -1159,8 +1176,9 @@ test("minWords", function(){
|
||||
});
|
||||
|
||||
test("rangeWords", function(){
|
||||
var method = methodTest("rangeWords");
|
||||
var rangeWords = [3,6];
|
||||
var method = methodTest("rangeWords"),
|
||||
rangeWords = [3,6];
|
||||
|
||||
ok(!method( "I'm going to be longer than “six words!”", rangeWords), "Longer than 6 with smartquotes");
|
||||
ok( method( "I'm just the right amount!", rangeWords), "In between");
|
||||
ok( method( "Super short sentence’s.", rangeWords), "Low end");
|
||||
|
||||
@@ -51,14 +51,15 @@ test("rules() - external", function() {
|
||||
test("rules() - external - complete form", function() {
|
||||
expect(1);
|
||||
|
||||
var methods = $.extend({}, $.validator.methods);
|
||||
var messages = $.extend({}, $.validator.messages);
|
||||
var methods = $.extend({}, $.validator.methods),
|
||||
messages = $.extend({}, $.validator.messages),
|
||||
v;
|
||||
|
||||
$.validator.addMethod("verifyTest", function() {
|
||||
ok( true, "method executed" );
|
||||
return true;
|
||||
});
|
||||
var v = $("#form").validate({
|
||||
v = $("#form").validate({
|
||||
rules: {
|
||||
action: {verifyTest: true}
|
||||
}
|
||||
@@ -200,9 +201,9 @@ test("rules(), dependency checks", function() {
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}),
|
||||
rules = $("#firstnamec").rules();
|
||||
|
||||
var rules = $("#firstnamec").rules();
|
||||
equal( 0, v.objectLength(rules) );
|
||||
|
||||
$("#firstnamec").val("ab");
|
||||
|
||||
406
test/test.js
406
test/test.js
@@ -35,8 +35,9 @@ $.mockjax({
|
||||
module("validator");
|
||||
|
||||
test("Constructor", function() {
|
||||
var v1 = $("#testForm1").validate();
|
||||
var v2 = $("#testForm1").validate();
|
||||
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" );
|
||||
});
|
||||
@@ -46,20 +47,23 @@ test("validate() without elements, with non-form elements", 0, function() {
|
||||
});
|
||||
|
||||
test("valid() plugin method", function() {
|
||||
var form = $("#userForm");
|
||||
var form = $("#userForm"),
|
||||
input = $("#username");
|
||||
|
||||
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, multiple inputs", function() {
|
||||
var form = $("#testForm1");
|
||||
var validator = form.validate();
|
||||
var inputs = form.find("input");
|
||||
var form = $("#testForm1"),
|
||||
validator = form.validate(),
|
||||
inputs = form.find("input");
|
||||
|
||||
ok( !inputs.valid(), "all invalid" );
|
||||
inputs.not(":first").val("ok");
|
||||
equal( validator.numberOfInvalids(), 2 );
|
||||
@@ -102,8 +106,9 @@ test("addMethod2", function() {
|
||||
rules: {
|
||||
action: { complicatedPassword: true }
|
||||
}
|
||||
});
|
||||
var e = $("#text1")[0];
|
||||
}),
|
||||
e = $("#text1")[0];
|
||||
|
||||
e.value = "";
|
||||
strictEqual( v.element(e), true, "Rule is optional, valid" );
|
||||
equal( 0, v.size() );
|
||||
@@ -115,8 +120,9 @@ test("addMethod2", function() {
|
||||
|
||||
test("form(): simple", function() {
|
||||
expect( 2 );
|
||||
var form = $("#testForm1")[0];
|
||||
var v = $(form).validate();
|
||||
var form = $("#testForm1")[0],
|
||||
v = $(form).validate();
|
||||
|
||||
ok( !v.form(), "Invalid form" );
|
||||
$("#firstname").val("hi");
|
||||
$("#lastname").val("hi");
|
||||
@@ -125,8 +131,9 @@ test("form(): simple", function() {
|
||||
|
||||
test("form(): checkboxes: min/required", function() {
|
||||
expect( 3 );
|
||||
var form = $("#testForm6")[0];
|
||||
var v = $(form).validate();
|
||||
var form = $("#testForm6")[0],
|
||||
v = $(form).validate();
|
||||
|
||||
ok( !v.form(), "Invalid form" );
|
||||
$("#form6check1").attr("checked", true);
|
||||
ok( !v.form(), "Invalid form" );
|
||||
@@ -136,9 +143,9 @@ test("form(): checkboxes: min/required", function() {
|
||||
|
||||
test("form(): radio buttons: required", function () {
|
||||
expect( 6 );
|
||||
var form = $("#testForm10")[0];
|
||||
var form = $("#testForm10")[0],
|
||||
v = $(form).validate({ rules: { testForm10Radio: "required"} });
|
||||
|
||||
var v = $(form).validate({ rules: { testForm10Radio: "required"} });
|
||||
ok(!v.form(), "Invalid Form");
|
||||
equal($("#testForm10Radio1").attr("class"), "error");
|
||||
equal($("#testForm10Radio2").attr("class"), "error");
|
||||
@@ -152,8 +159,9 @@ test("form(): radio buttons: required", function () {
|
||||
|
||||
test("form(): selects: min/required", function() {
|
||||
expect( 3 );
|
||||
var form = $("#testForm7")[0];
|
||||
var v = $(form).validate();
|
||||
var form = $("#testForm7")[0],
|
||||
v = $(form).validate();
|
||||
|
||||
ok( !v.form(), "Invalid form" );
|
||||
$("#optionxa").attr("selected", true);
|
||||
ok( !v.form(), "Invalid form" );
|
||||
@@ -163,8 +171,9 @@ test("form(): selects: min/required", function() {
|
||||
|
||||
test("form(): with equalTo", function() {
|
||||
expect( 2 );
|
||||
var form = $("#testForm5")[0];
|
||||
var v = $(form).validate();
|
||||
var form = $("#testForm5")[0],
|
||||
v = $(form).validate();
|
||||
|
||||
ok( !v.form(), "Invalid form" );
|
||||
$("#x1, #x2").val("hi");
|
||||
ok( v.form(), "Valid form" );
|
||||
@@ -172,14 +181,15 @@ test("form(): with equalTo", function() {
|
||||
|
||||
test("form(): with equalTo and onfocusout=false", function() {
|
||||
expect( 4 );
|
||||
var form = $("#testForm5")[0];
|
||||
var v = $(form).validate({
|
||||
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();
|
||||
@@ -189,8 +199,9 @@ test("form(): with equalTo and onfocusout=false", function() {
|
||||
|
||||
test("check(): simple", function() {
|
||||
expect( 3 );
|
||||
var element = $("#firstname")[0];
|
||||
var v = $("#testForm1").validate();
|
||||
var element = $("#firstname")[0],
|
||||
v = $("#testForm1").validate();
|
||||
|
||||
ok( v.size() === 0, "No errors yet" );
|
||||
v.check(element);
|
||||
ok( v.size() === 1, "error exists" );
|
||||
@@ -202,11 +213,14 @@ test("check(): simple", function() {
|
||||
|
||||
test("hide(): input", function() {
|
||||
expect( 3 );
|
||||
var errorLabel = $("#errorFirstname");
|
||||
var element = $("#firstname")[0];
|
||||
var errorLabel = $("#errorFirstname"),
|
||||
element = $("#firstname")[0],
|
||||
v;
|
||||
|
||||
element.value ="bla";
|
||||
var v = $("#testForm1").validate();
|
||||
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" );
|
||||
@@ -214,11 +228,14 @@ test("hide(): input", function() {
|
||||
|
||||
test("hide(): radio", function() {
|
||||
expect( 2 );
|
||||
var errorLabel = $("#agreeLabel");
|
||||
var element = $("#agb")[0];
|
||||
var errorLabel = $("#agreeLabel"),
|
||||
element = $("#agb")[0],
|
||||
v;
|
||||
|
||||
element.checked = true;
|
||||
var v = $("#testForm2").validate({ errorClass: "xerror" });
|
||||
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" );
|
||||
@@ -226,21 +243,24 @@ test("hide(): radio", function() {
|
||||
|
||||
test("hide(): errorWrapper", function() {
|
||||
expect(2);
|
||||
var errorLabel = $("#errorWrapper");
|
||||
var element = $("#meal")[0];
|
||||
element.selectedIndex = 1;
|
||||
var errorLabel = $("#errorWrapper"),
|
||||
element = $("#meal")[0],
|
||||
v;
|
||||
|
||||
element.selectedIndex = 1;
|
||||
errorLabel.show();
|
||||
|
||||
ok( errorLabel.is(":visible"), "Error label visible after validation" );
|
||||
var v = $("#testForm3").validate({ wrapper: "li", errorLabelContainer: $("#errorContainer") });
|
||||
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");
|
||||
var v = $("#testForm3").validate({ errorWrapper: "li", errorContainer: $("#errorContainer") });
|
||||
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;
|
||||
@@ -256,8 +276,9 @@ test("hide(): container", function() {
|
||||
|
||||
test("valid()", function() {
|
||||
expect(4);
|
||||
var errorList = [{name:"meal",message:"foo", element:$("#meal")[0]}];
|
||||
var v = $("#testForm3").validate();
|
||||
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" );
|
||||
@@ -271,6 +292,8 @@ test("valid()", function() {
|
||||
});
|
||||
|
||||
test("submitHandler keeps submitting button", function() {
|
||||
var button, event;
|
||||
|
||||
$("#userForm").validate({
|
||||
debug: true,
|
||||
submitHandler: function(form) {
|
||||
@@ -281,8 +304,8 @@ test("submitHandler keeps submitting button", function() {
|
||||
}
|
||||
});
|
||||
$("#username").val("bla");
|
||||
var button = $("#userForm :submit")[0];
|
||||
var event = $.Event("click");
|
||||
button = $("#userForm :submit")[0];
|
||||
event = $.Event("click");
|
||||
event.preventDefault();
|
||||
$.event.trigger(event, null, button);
|
||||
$("#userForm").submit();
|
||||
@@ -290,8 +313,9 @@ test("submitHandler keeps submitting button", function() {
|
||||
|
||||
test("showErrors()", function() {
|
||||
expect( 4 );
|
||||
var errorLabel = $("#errorFirstname").hide();
|
||||
var v = $("#testForm1").validate();
|
||||
var errorLabel = $("#errorFirstname").hide(),
|
||||
v = $("#testForm1").validate();
|
||||
|
||||
ok( errorLabel.is(":hidden") );
|
||||
equal( 0, $("label.error[for=lastname]").size() );
|
||||
v.showErrors({"firstname": "required", "lastname": "bla"});
|
||||
@@ -328,14 +352,17 @@ test("showErrors(), allow empty string and null as default message", function()
|
||||
|
||||
test("showErrors() - external messages", function() {
|
||||
expect( 4 );
|
||||
var methods = $.extend({}, $.validator.methods);
|
||||
var messages = $.extend({}, $.validator.messages);
|
||||
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 label.error[for=f1]").size() );
|
||||
equal( 0, $("#testForm4 label.error[for=f2]").size() );
|
||||
var form = $("#testForm4")[0];
|
||||
var v = $(form).validate({
|
||||
|
||||
form = $("#testForm4")[0];
|
||||
v = $(form).validate({
|
||||
messages: {
|
||||
f1: "Please!",
|
||||
f2: "Wohoo!"
|
||||
@@ -416,6 +443,7 @@ test("option: (un)highlight, custom", function() {
|
||||
|
||||
test("option: (un)highlight, custom2", function() {
|
||||
expect(6);
|
||||
var e, l;
|
||||
$("#testForm1").validate({
|
||||
highlight: function(element, errorClass) {
|
||||
$(element).addClass(errorClass);
|
||||
@@ -427,8 +455,10 @@ test("option: (un)highlight, custom2", function() {
|
||||
},
|
||||
errorClass: "invalid"
|
||||
});
|
||||
var e = $("#firstname");
|
||||
var l = $("#errorFirstname");
|
||||
|
||||
e = $("#firstname");
|
||||
l = $("#errorFirstname");
|
||||
|
||||
ok( !e.is(".invalid") );
|
||||
ok( !l.is(".invalid") );
|
||||
e.valid();
|
||||
@@ -489,11 +519,12 @@ test("option: errorClass with multiple classes", function() {
|
||||
});
|
||||
|
||||
test("elements() order", function() {
|
||||
var container = $("#orderContainer");
|
||||
var v = $("#elementsOrder").validate({
|
||||
var container = $("#orderContainer"),
|
||||
v = $("#elementsOrder").validate({
|
||||
errorLabelContainer: container,
|
||||
wrap: "li"
|
||||
});
|
||||
|
||||
deepEqual( v.elements().map(function() {
|
||||
return $(this).attr("id");
|
||||
}).get(), ["order1", "order2", "order3", "order4", "order5", "order6"], "elements must be in document order" );
|
||||
@@ -510,8 +541,9 @@ test("defaultMessage(), empty title is ignored", function() {
|
||||
|
||||
test("formatAndAdd", function() {
|
||||
expect(4);
|
||||
var v = $("#form").validate();
|
||||
var fakeElement = { form: $("#form")[0], name: "bar" };
|
||||
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 );
|
||||
@@ -525,8 +557,9 @@ test("formatAndAdd", function() {
|
||||
|
||||
test("formatAndAdd2", function() {
|
||||
expect(3);
|
||||
var v = $("#form").validate();
|
||||
var fakeElement = { form: $("#form")[0], name: "bar" };
|
||||
var v = $("#form").validate(),
|
||||
fakeElement = { form: $("#form")[0], name: "bar" };
|
||||
|
||||
jQuery.validator.messages.test1 = function(param, element) {
|
||||
equal( v, this );
|
||||
equal( 0, param );
|
||||
@@ -557,8 +590,8 @@ test("formatAndAdd, auto detect substitution string", function() {
|
||||
|
||||
test("error containers, simple", function() {
|
||||
expect(14);
|
||||
var container = $("#simplecontainer");
|
||||
var v = $("#form").validate({
|
||||
var container = $("#simplecontainer"),
|
||||
v = $("#form").validate({
|
||||
errorLabelContainer: container,
|
||||
showErrors: function() {
|
||||
container.find("h3").html( jQuery.validator.format("There are {0} errors in your form.", this.size()) );
|
||||
@@ -595,8 +628,8 @@ test("error containers, simple", function() {
|
||||
test("error containers, with labelcontainer I", function() {
|
||||
expect(16);
|
||||
var container = $("#container"),
|
||||
labelcontainer = $("#labelcontainer");
|
||||
var v = $("#form").validate({
|
||||
labelcontainer = $("#labelcontainer"),
|
||||
v = $("#form").validate({
|
||||
errorContainer: container,
|
||||
errorLabelContainer: labelcontainer,
|
||||
wrapper: "li"
|
||||
@@ -624,9 +657,9 @@ test("error containers, with labelcontainer I", function() {
|
||||
|
||||
test("errorcontainer, show/hide only on submit", function() {
|
||||
expect(14);
|
||||
var container = $("#container");
|
||||
var labelContainer = $("#labelcontainer");
|
||||
var v = $("#testForm1").bind("invalid-form.validate", function() {
|
||||
var container = $("#container"),
|
||||
labelContainer = $("#labelcontainer"),
|
||||
v = $("#testForm1").bind("invalid-form.validate", function() {
|
||||
ok( true, "invalid-form event triggered called" );
|
||||
}).validate({
|
||||
errorContainer: container,
|
||||
@@ -637,6 +670,7 @@ test("errorcontainer, show/hide only on submit", function() {
|
||||
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
|
||||
@@ -679,33 +713,40 @@ test("focusInvalid()", function() {
|
||||
// expect(1);
|
||||
var inputs = $("#testForm1 input").focus(function() {
|
||||
equal( inputs[0], this, "focused first element" );
|
||||
});
|
||||
var v = $("#testForm1").validate();
|
||||
}),
|
||||
v = $("#testForm1").validate();
|
||||
|
||||
v.form();
|
||||
v.focusInvalid();
|
||||
});
|
||||
|
||||
test("findLastActive()", function() {
|
||||
expect(3);
|
||||
var v = $("#testForm1").validate();
|
||||
var v = $("#testForm1").validate(),
|
||||
lastActive;
|
||||
|
||||
ok( !v.findLastActive() );
|
||||
v.form();
|
||||
v.focusInvalid();
|
||||
equal( v.findLastActive(), $("#firstname")[0] );
|
||||
var lastActive = $("#lastname").trigger("focus").trigger("focusin")[0];
|
||||
lastActive = $("#lastname").trigger("focus").trigger("focusin")[0];
|
||||
|
||||
equal( v.lastActive, lastActive );
|
||||
});
|
||||
|
||||
test("validating multiple checkboxes with 'required'", function() {
|
||||
expect(3);
|
||||
var checkboxes = $("#form input[name=check3]").prop("checked", false);
|
||||
var checkboxes = $("#form input[name=check3]").prop("checked", false),
|
||||
v;
|
||||
equal(checkboxes.size(), 5);
|
||||
var v = $("#form").validate({
|
||||
|
||||
v = $("#form").validate({
|
||||
rules: {
|
||||
check3: "required"
|
||||
}
|
||||
});
|
||||
v.form();
|
||||
|
||||
equal(v.size(), 1);
|
||||
checkboxes.filter(":last").prop("checked", true);
|
||||
v.form();
|
||||
@@ -713,14 +754,16 @@ test("validating multiple checkboxes with 'required'", function() {
|
||||
});
|
||||
|
||||
test("dynamic form", function() {
|
||||
var counter = 0;
|
||||
var counter = 0,
|
||||
v;
|
||||
function add() {
|
||||
$("<input data-rule-required='true' name='list" + counter++ + "' />").appendTo("#testForm2");
|
||||
}
|
||||
function errors(expected, message) {
|
||||
equal(expected, v.size(), message );
|
||||
}
|
||||
var v = $("#testForm2").validate();
|
||||
|
||||
v = $("#testForm2").validate();
|
||||
v.form();
|
||||
errors(1);
|
||||
add();
|
||||
@@ -799,13 +842,14 @@ test("ajaxSubmit", function() {
|
||||
});
|
||||
|
||||
test("validating groups settings parameter", function() {
|
||||
var form = $("<form>");
|
||||
var validate = form.validate({
|
||||
var form = $("<form>"),
|
||||
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");
|
||||
@@ -815,13 +859,12 @@ test("validating groups settings parameter", function() {
|
||||
});
|
||||
|
||||
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({
|
||||
var form = $("#bypassValidation"),
|
||||
normalSubmission = $("form#bypassValidation :input[id=normalSubmit]"),
|
||||
bypassSubmitWithCancel = $("form#bypassValidation :input[id=bypassSubmitWithCancel]"),
|
||||
bypassSubmitWithNoValidate1 = $("form#bypassValidation :input[id=bypassSubmitWithNoValidate1]"),
|
||||
bypassSubmitWithNoValidate2 = $("form#bypassValidation :input[id=bypassSubmitWithNoValidate2]"),
|
||||
$v = form.validate({
|
||||
debug : true
|
||||
});
|
||||
|
||||
@@ -849,8 +892,9 @@ test("success option", function() {
|
||||
equal( "", $("#firstname").val() );
|
||||
var v = $("#testForm1").validate({
|
||||
success: "valid"
|
||||
});
|
||||
var label = $("#testForm1 label");
|
||||
}),
|
||||
label = $("#testForm1 label");
|
||||
|
||||
ok( label.is(".error") );
|
||||
ok( !label.is(".valid") );
|
||||
v.form();
|
||||
@@ -867,8 +911,9 @@ test("success option2", function() {
|
||||
equal( "", $("#firstname").val() );
|
||||
var v = $("#testForm1").validate({
|
||||
success: "valid"
|
||||
});
|
||||
var label = $("#testForm1 label");
|
||||
}),
|
||||
label = $("#testForm1 label");
|
||||
|
||||
ok( label.is(".error") );
|
||||
ok( !label.is(".valid") );
|
||||
$("#firstname").val("hi");
|
||||
@@ -883,11 +928,14 @@ test("success option3", function() {
|
||||
$("#errorFirstname").remove();
|
||||
var v = $("#testForm1").validate({
|
||||
success: "valid"
|
||||
});
|
||||
}),
|
||||
labels;
|
||||
|
||||
equal( 0, $("#testForm1 label").size() );
|
||||
$("#firstname").val("hi");
|
||||
v.form();
|
||||
var labels = $("#testForm1 label");
|
||||
labels = $("#testForm1 label");
|
||||
|
||||
equal( 3, labels.size() );
|
||||
ok( labels.eq(0).is(".valid") );
|
||||
ok( !labels.eq(1).is(".valid") );
|
||||
@@ -1073,8 +1121,9 @@ test("validate on blur", function() {
|
||||
target.trigger("blur").trigger("focusout");
|
||||
}
|
||||
$("#errorFirstname").hide();
|
||||
var e = $("#firstname");
|
||||
var v = $("#testForm1").validate();
|
||||
var e = $("#firstname"),
|
||||
v = $("#testForm1").validate();
|
||||
|
||||
$("#something").val("");
|
||||
blur(e);
|
||||
errors(0, "No value yet, required is skipped on blur");
|
||||
@@ -1111,8 +1160,9 @@ test("validate on keyup", function() {
|
||||
function keyup(target) {
|
||||
target.trigger("keyup");
|
||||
}
|
||||
var e = $("#firstname");
|
||||
var v = $("#testForm1").validate();
|
||||
var e = $("#firstname"),
|
||||
v = $("#testForm1").validate();
|
||||
|
||||
keyup(e);
|
||||
errors(0, "No value, no errors");
|
||||
e.val("a");
|
||||
@@ -1138,10 +1188,11 @@ test("validate on not keyup, only blur", function() {
|
||||
function errors(expected, message) {
|
||||
equal(expected, v.size(), message );
|
||||
}
|
||||
var e = $("#firstname");
|
||||
var v = $("#testForm1").validate({
|
||||
var e = $("#firstname"),
|
||||
v = $("#testForm1").validate({
|
||||
onkeyup: false
|
||||
});
|
||||
|
||||
errors(0);
|
||||
e.val("a");
|
||||
e.trigger("keyup");
|
||||
@@ -1155,8 +1206,9 @@ test("validate on keyup and blur", function() {
|
||||
function errors(expected, message) {
|
||||
equal(expected, v.size(), message );
|
||||
}
|
||||
var e = $("#firstname");
|
||||
var v = $("#testForm1").validate();
|
||||
var e = $("#firstname"),
|
||||
v = $("#testForm1").validate();
|
||||
|
||||
errors(0);
|
||||
e.val("a");
|
||||
e.trigger("keyup");
|
||||
@@ -1169,8 +1221,9 @@ test("validate email on keyup and blur", function() {
|
||||
function errors(expected, message) {
|
||||
equal(expected, v.size(), message );
|
||||
}
|
||||
var e = $("#firstname");
|
||||
var v = $("#testForm1").validate();
|
||||
var e = $("#firstname"),
|
||||
v = $("#testForm1").validate();
|
||||
|
||||
v.form();
|
||||
errors(2);
|
||||
e.val("a");
|
||||
@@ -1190,12 +1243,13 @@ test("validate checkbox on click", function() {
|
||||
// triggered click event screws up checked-state in 1.4
|
||||
element.valid();
|
||||
}
|
||||
var e = $("#check2");
|
||||
var v = $("#form").validate({
|
||||
var e = $("#check2"),
|
||||
v = $("#form").validate({
|
||||
rules: {
|
||||
check2: "required"
|
||||
}
|
||||
});
|
||||
|
||||
trigger(e);
|
||||
errors(0);
|
||||
trigger(e);
|
||||
@@ -1216,9 +1270,9 @@ test("validate multiple checkbox on click", function() {
|
||||
// triggered click event screws up checked-state in 1.4
|
||||
element.valid();
|
||||
}
|
||||
var e1 = $("#check1").attr("checked", false);
|
||||
var e2 = $("#check1b");
|
||||
var v = $("#form").validate({
|
||||
var e1 = $("#check1").attr("checked", false),
|
||||
e2 = $("#check1b"),
|
||||
v = $("#form").validate({
|
||||
rules: {
|
||||
check: {
|
||||
required: true,
|
||||
@@ -1226,6 +1280,7 @@ test("validate multiple checkbox on click", function() {
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
trigger(e1);
|
||||
trigger(e2);
|
||||
errors(0);
|
||||
@@ -1244,9 +1299,11 @@ test("correct checkbox receives the error", function(){
|
||||
// triggered click event screws up checked-state in 1.4
|
||||
element.valid();
|
||||
}
|
||||
var e1 = $("#check1").attr("checked", false);
|
||||
var e1 = $("#check1").attr("checked", false),
|
||||
v;
|
||||
|
||||
$("#check1b").attr("checked", false);
|
||||
var v = $("#form").find("[type=checkbox]").attr("checked", false).end().validate({
|
||||
v = $("#form").find("[type=checkbox]").attr("checked", false).end().validate({
|
||||
rules:{
|
||||
check: {
|
||||
required: true,
|
||||
@@ -1254,6 +1311,7 @@ test("correct checkbox receives the error", function(){
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
equal(false, v.form());
|
||||
trigger(e1);
|
||||
equal(false, v.form());
|
||||
@@ -1269,13 +1327,14 @@ test("validate radio on click", function() {
|
||||
// triggered click event screws up checked-state in 1.4
|
||||
element.valid();
|
||||
}
|
||||
var e1 = $("#radio1");
|
||||
var e2 = $("#radio1a");
|
||||
var v = $("#form").validate({
|
||||
var e1 = $("#radio1"),
|
||||
e2 = $("#radio1a"),
|
||||
v = $("#form").validate({
|
||||
rules: {
|
||||
radio1: "required"
|
||||
}
|
||||
});
|
||||
|
||||
errors(0);
|
||||
equal( false, v.form() );
|
||||
errors(1);
|
||||
@@ -1289,8 +1348,9 @@ test("validate input with no type attribute, defaulting to text", function() {
|
||||
function errors(expected, message) {
|
||||
equal(expected, v.size(), message );
|
||||
}
|
||||
var v = $("#testForm12").validate();
|
||||
var e = $("#testForm12text");
|
||||
var v = $("#testForm12").validate(),
|
||||
e = $("#testForm12text");
|
||||
|
||||
errors(0);
|
||||
e.valid();
|
||||
errors(1);
|
||||
@@ -1300,12 +1360,13 @@ test("validate input with no type attribute, defaulting to text", function() {
|
||||
});
|
||||
|
||||
test("ignore hidden elements", function(){
|
||||
var form = $("#userForm");
|
||||
var validate = form.validate({
|
||||
var form = $("#userForm"),
|
||||
validate = form.validate({
|
||||
rules:{
|
||||
"username": "required"
|
||||
}
|
||||
});
|
||||
|
||||
form.get(0).reset();
|
||||
ok(! validate.form(), "form should be initially invalid");
|
||||
$("#userForm [name=username]").hide();
|
||||
@@ -1313,12 +1374,13 @@ test("ignore hidden elements", function(){
|
||||
});
|
||||
|
||||
test("ignore hidden elements at start", function(){
|
||||
var form = $("#userForm");
|
||||
var validate = form.validate({
|
||||
var form = $("#userForm"),
|
||||
validate = form.validate({
|
||||
rules:{
|
||||
"username": "required"
|
||||
}
|
||||
});
|
||||
|
||||
form.get(0).reset();
|
||||
$("#userForm [name=username]").hide();
|
||||
ok(validate.form(), "hidden elements should be ignored by default");
|
||||
@@ -1327,15 +1389,16 @@ test("ignore hidden elements at start", function(){
|
||||
});
|
||||
|
||||
test("Specify error messages through data attributes", function() {
|
||||
var form = $("#dataMessages");
|
||||
var name = $("#dataMessagesName");
|
||||
var form = $("#dataMessages"),
|
||||
name = $("#dataMessagesName"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#dataMessages label");
|
||||
label = $("#dataMessages label");
|
||||
equal( label.text(), "You must enter a value here", "Correct error label" );
|
||||
});
|
||||
|
||||
@@ -1358,122 +1421,132 @@ test("Updates pre-existing label if has error class", function() {
|
||||
});
|
||||
|
||||
test("Min date set by attribute", function() {
|
||||
var form = $("#rangesMinDateInvalid");
|
||||
var name = $("#minDateInvalid");
|
||||
var form = $("#rangesMinDateInvalid"),
|
||||
name = $("#minDateInvalid"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#rangesMinDateInvalid label");
|
||||
label = $("#rangesMinDateInvalid label");
|
||||
equal( label.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 = $("#ranges"),
|
||||
name = $("#maxDateInvalid"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.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 = $("#ranges"),
|
||||
name = $("#rangeDateInvalidGreater"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.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 = $("#ranges"),
|
||||
name = $("#rangeDateInvalidLess"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.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 = $("#rangeMinDateValid"),
|
||||
name = $("#minDateValid"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#rangeMinDateValid label");
|
||||
label = $("#rangeMinDateValid label");
|
||||
equal( label.text(), "", "Correct error label" );
|
||||
});
|
||||
|
||||
test("Max date set by attribute valid", function() {
|
||||
var form = $("#ranges");
|
||||
var name = $("#maxDateValid");
|
||||
var form = $("#ranges"),
|
||||
name = $("#maxDateValid"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.text(), "", "Correct error label" );
|
||||
});
|
||||
|
||||
test("Min and Max date set by attributes valid", function() {
|
||||
var form = $("#ranges");
|
||||
var name = $("#rangeDateValid");
|
||||
var form = $("#ranges"),
|
||||
name = $("#rangeDateValid"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.text(), "", "Correct error label" );
|
||||
});
|
||||
|
||||
test("Min and Max strings set by attributes greater", function() {
|
||||
var form = $("#ranges");
|
||||
var name = $("#rangeTextInvalidGreater");
|
||||
var form = $("#ranges"),
|
||||
name = $("#rangeTextInvalidGreater"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.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 = $("#ranges"),
|
||||
name = $("#rangeTextInvalidLess"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.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 = $("#ranges"),
|
||||
name = $("#rangeTextValid"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.text(), "", "Correct error label" );
|
||||
});
|
||||
|
||||
@@ -1494,38 +1567,41 @@ test( "calling blur on ignored element", function() {
|
||||
|
||||
|
||||
test("Min and Max type absent set by attributes greater", function() {
|
||||
var form = $("#ranges");
|
||||
var name = $("#rangeAbsentInvalidGreater");
|
||||
var form = $("#ranges"),
|
||||
name = $("#rangeAbsentInvalidGreater"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.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 = $("#ranges"),
|
||||
name = $("#rangeAbsentInvalidLess"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.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 = $("#ranges"),
|
||||
name = $("#rangeAbsentValid"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.text(), "", "Correct error label" );
|
||||
});
|
||||
|
||||
@@ -1539,53 +1615,57 @@ test("Min and Max range set by attributes valid", function() {
|
||||
// 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 = $("#ranges"),
|
||||
name = $("#rangeRangeValid"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.text(), "", "Correct error label" );
|
||||
});
|
||||
|
||||
|
||||
test("Min and Max number set by attributes valid", function() {
|
||||
var form = $("#ranges");
|
||||
var name = $("#rangeNumberValid");
|
||||
var form = $("#ranges"),
|
||||
name = $("#rangeNumberValid"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.text(), "", "Correct error label" );
|
||||
});
|
||||
|
||||
|
||||
test("Min and Max number set by attributes greater", function() {
|
||||
var form = $("#ranges");
|
||||
var name = $("#rangeNumberInvalidGreater");
|
||||
var form = $("#ranges"),
|
||||
name = $("#rangeNumberInvalidGreater"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.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 = $("#ranges"),
|
||||
name = $("#rangeNumberInvalidLess"),
|
||||
label;
|
||||
|
||||
form.validate();
|
||||
form.get(0).reset();
|
||||
name.valid();
|
||||
|
||||
var label = $("#ranges label");
|
||||
label = $("#ranges label");
|
||||
equal( label.text(), "Please enter a value greater than or equal to 50.", "Correct error label" );
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user