JQuery – Warum unterstützt die Validierungsregel keinen vordefinierten Wert? ⇐ Jquery

[Anonymous]

Ich habe zwei jQuery-Validierungsfunktionen wie folgt definiert:

Code: Select all

Test




/////////////////////////////////////////////////////
function LessThanValidator(event)
{
var lowID = event.data.lowID;
var highID = event.data.highID;
var formID  = event.data.formID;
var lowValue = parseInt( $(lowID).val() );
//var lowValue = parseInt( $(lowID).attr("value") ); // this doesn't fix

if ( isNaN(lowValue) ) {
lowValue = 0;
}

$(highID).rules('remove', 'min');
$(highID).rules('add', { min: lowValue });
$(formID).validate().element( highID );

return false;
}

function LargerThanValidator(event)
{
var lowID = event.data.lowID;
var highID = event.data.highID;
var formID  = event.data.formID;
var highValue = parseInt( $(highID).val() );
//var highValue = parseInt( $(highID).attr("value") );  // this doesn't fix

if ( isNaN(highValue) ) {
highValue = 0;
}

$(lowID).rules('remove', 'max');
$(lowID).rules('add', { max: highValue });
$(formID).validate().element( lowID );

return false;
}

$(document).ready( function() {

// validate the #regFormBody form when it is submitted
$("#regFormBody").validate({
debug: true,
errorPlacement: function(error, element) {
error.insertAfter( element.parent() );
},
rules: {
confeelow: { required: true, digits: true, maxlength: 10, max: isNaN(parseInt($("#confeehigh"))) ? 0 : parseInt($("#confeehigh")) },
confeehigh: { required: true, digits: true, maxlength: 10, min: isNaN(parseInt($("#confeelow")))  ? 0 : parseInt($("#confeelow")) }
},

messages: {
confeelow: { max: "Please enter a value less than or equal to To (US$)" },
confeehigh: { min: "Please enter a value greater than or equal to From (US$)" }
}
});

///////////////////////////////////////////////////////////////
$("#confeelow").bind("change", {lowID: "#confeelow", highID: "#confeehigh", formID: "#regFormBody"}, LessThanValidator);
$("#confeehigh").bind("change", {lowID: "#confeelow", highID: "#confeehigh", formID: "#regFormBody"}, LargerThanValidator);
});



.error
{
color:red;
}








Desired Consulting Fee From (US$) *



To (US$) *

Grundsätzlich verwende ich die oben genannten Funktionen, um sicherzustellen, dass der Wert von lowID immer kleiner oder gleich highID ist.

Ich verwende das folgende Skript, um die Validierung einzurichten.

Code: Select all

  $("#confeelow").bind("change", { lowID: "#confeelow", highID: "#confeehigh", formID: "#profileFormBody" }, LessThanValidator);
$("#confeehigh").bind("change", { lowID: "#confeelow", highID: "#confeehigh", formID: "#profileFormBody" }, LargerThanValidator);

Diese beiden Funktionen funktionieren ziemlich gut. Wenn ich jedoch die Werte für #confeehigh und #confeelow vordefiniere, können diese Felder den Validierungstest nicht bestehen. Ich kann wirklich nicht herausfinden, warum. Denn ohne vorab ausgefüllte Werte funktionieren diese Validierungsfunktionen gut.

Hier das HTML-Skript, das die Probleme verursacht:

Code: Select all

Mit anderen Worten, wenn ich manuell 12 für confeelow und 23 für confeehigh eingebe, dann funktioniert die Validierung gut.

Ohne vordefinierten Wert habe ich keine Probleme:

Code: Select all

Kann mir jemand Hinweise geben, warum es bei vordefinierten Werten nicht funktioniert?

Vielen Dank

Code: Select all

///////////////// Update-001 ////////////////////

Einige Leute haben möglicherweise diese Frage an mich: Warum Sie einen Standardwert verwenden müssen, wenn der Code mit neu eingegebenen Daten funktioniert. Hier ist der Grund

Code: Select all

1> First the user will be allowed to enter data
2> Second the user will submit the form and store in DB
3> When next time the user logins again

I have to repopulate the text field by using some code similar as follows: