Core: Adding a way to pass method name to remote

Closes #1657.

This allows reusing remote as custom method via addMethod
This commit is contained in:
Wojciech Wałek
2015-12-01 18:00:26 +01:00
committed by Markus Staab
parent a648fb72eb
commit 4101b898c0
3 changed files with 55 additions and 8 deletions

View File

@@ -1029,11 +1029,11 @@ $.extend( $.validator, {
} }
}, },
previousValue: function( element ) { previousValue: function( element, method ) {
return $.data( element, "previousValue" ) || $.data( element, "previousValue", { return $.data( element, "previousValue" ) || $.data( element, "previousValue", {
old: null, old: null,
valid: true, valid: true,
message: this.defaultMessage( element, { method: "remote" } ) message: this.defaultMessage( element, { method: method } )
} ); } );
}, },
@@ -1379,19 +1379,21 @@ $.extend( $.validator, {
}, },
// http://jqueryvalidation.org/remote-method/ // http://jqueryvalidation.org/remote-method/
remote: function( value, element, param ) { remote: function( value, element, param, method ) {
if ( this.optional( element ) ) { if ( this.optional( element ) ) {
return "dependency-mismatch"; return "dependency-mismatch";
} }
var previous = this.previousValue( element ), method = typeof method === "string" && method || "remote";
var previous = this.previousValue( element, method ),
validator, data, optionDataString; validator, data, optionDataString;
if ( !this.settings.messages[ element.name ] ) { if ( !this.settings.messages[ element.name ] ) {
this.settings.messages[ element.name ] = {}; this.settings.messages[ element.name ] = {};
} }
previous.originalMessage = previous.originalMessage || this.settings.messages[ element.name ].remote; previous.originalMessage = previous.originalMessage || this.settings.messages[ element.name ][ method ];
this.settings.messages[ element.name ].remote = previous.message; this.settings.messages[ element.name ][ method ] = previous.message;
param = typeof param === "string" && { url: param } || param; param = typeof param === "string" && { url: param } || param;
optionDataString = $.param( $.extend( { data: value }, param.data ) ); optionDataString = $.param( $.extend( { data: value }, param.data ) );
@@ -1414,7 +1416,7 @@ $.extend( $.validator, {
var valid = response === true || response === "true", var valid = response === true || response === "true",
errors, message, submitted; errors, message, submitted;
validator.settings.messages[ element.name ].remote = previous.originalMessage; validator.settings.messages[ element.name ][ method ] = previous.originalMessage;
if ( valid ) { if ( valid ) {
submitted = validator.formSubmitted; submitted = validator.formSubmitted;
validator.prepareElement( element ); validator.prepareElement( element );
@@ -1424,7 +1426,7 @@ $.extend( $.validator, {
validator.showErrors(); validator.showErrors();
} else { } else {
errors = {}; errors = {};
message = response || validator.defaultMessage( element, { method: "remote", parameters: value } ); message = response || validator.defaultMessage( element, { method: method, parameters: value } );
errors[ element.name ] = previous.message = message; errors[ element.name ] = previous.message = message;
validator.invalid[ element.name ] = true; validator.invalid[ element.name ] = true;
validator.showErrors( errors ); validator.showErrors( errors );

View File

@@ -407,6 +407,9 @@
<input id="val2" type="text" name="val2" value="" /> <input id="val2" type="text" name="val2" value="" />
<input id="val3" type="text" name="val3" value="" /> <input id="val3" type="text" name="val3" value="" />
</form> </form>
<form id="add-method-remote">
<input id="add-method-username" type="text" name="username" value="" data-rule-workemail="somevalue" required />
</form>
</div> </div>
</body> </body>
</html> </html>

View File

@@ -61,6 +61,16 @@ $.mockjax( {
responseTime: 1 responseTime: 1
} ); } );
$.mockjax( {
url: "workemail.php",
response: function( data ) {
this.responseStatus = data.data.special === "somevalue" ? 200 : 400; //Requires special param for request
if ( this.responseStatus === 200 ) { //Only if valid request - processing workemail
this.responseText = JSON.stringify( data.data.email === "john.doe@company.com" );
}
}
} );
// Asserts that there is a visible error with the given text for the specified element // Asserts that there is a visible error with the given text for the specified element
QUnit.assert.hasError = function( element, text, message ) { QUnit.assert.hasError = function( element, text, message ) {
var errors = $( element ).closest( "form" ).validate().errorsFor( element[ 0 ] ), var errors = $( element ).closest( "form" ).validate().errorsFor( element[ 0 ] ),
@@ -2173,3 +2183,35 @@ test( "#1618: Errorlist containing more errors than it should", function() {
inputList.valid(); inputList.valid();
equal( v.errorList.length, 2, "There should be no change in errorList's content" ); equal( v.errorList.length, 2, "There should be no change in errorList's content" );
} ); } );
asyncTest( "addMethod, reusing remote in custom method", function() {
expect( 7 );
$.validator.addMethod( "workemail", function( value, element, param ) {
return $.validator.methods.remote.call( this, value, element, {
url: "workemail.php",
data: { email: value, special: param }
}, "workemail" );
}, "work email custom message" );
var e = $( "#add-method-username" ),
v = $( "#add-method-remote" ).validate();
$( document ).ajaxStop( function() {
$( document ).unbind( "ajaxStop" );
strictEqual( v.size(), 1, "There must be one error" );
strictEqual( v.errorList[ 0 ].message, "work email custom message", "john.doe@gmail.com is not work email" );
$( document ).ajaxStop( function() {
$( document ).unbind( "ajaxStop" );
strictEqual( v.size(), 0, "There must be no errors" );
ok( v.element( e ), "john.doe@company.com is work email ;)" );
start();
} );
e.val( "john.doe@company.com" );
strictEqual( v.element( e ), true, "new value, new request; dependency-mismatch considered as valid though" );
} );
strictEqual( v.element( e ), false, "invalid element, nothing entered yet" );
e.val( "john.doe@gmail.com" );
strictEqual( v.element( e ), true, "still invalid, because remote validation must block until it returns; dependency-mismatch considered as valid though" );
} );