Ad esempio, volessi impostare un toUpperCase sul campo securityCode come dovrei procedere, se questo è il codice di controllo all'interno di jFormer.js?
codice:
JFormComponentCreditCard=JFormComponent.extend({ init:function(a,b,c,d){ this._super(a,b,c,d) }, initialize:function(){ this.tipTarget=this.component; this.options.emptyValues&&this.addEmptyValues(); this.validationFunctions={ required:function(a){ var b=[]; a.value.cardType!=undefined&&a.value.cardType==""&&b.push(["Card type is required."]); a.value.cardNumber==""&&b.push(["Credit card number is required."]); a.value.cardNumber!=""&&a.value.cardNumber.match(/[^\d]/)&&b.push(["Card number may only contain numbers."]); if(a.value.cardNumber!=""&&(a.value.cardNumber.length<13||a.value.cardNumber.length>16))b.push(["Card number must contain 13 to 16 digits."]); a.value.expirationMonth==""&&b.push(["Expiration month is required."]); a.value.expirationYear==""&&b.push(["Expiration year is required."]); a.value.securityCode!=undefined&&a.value.securityCode==""&&b.push(["Security code is required."]); a.value.securityCode!=undefined&&a.value.securityCode!=""&&a.value.securityCode.match(/[^\d]/)&&b.push(["Security code may only contain numbers."]); a.value.securityCode!=undefined&&a.value.securityCode!=""&&a.value.securityCode.length<3&&b.push(["Security code must contain 3 or 4 digits."]); return b.length<1?"success":b } }; this.changed=false }, setValue:function(a){ if(this.options.emptyValues){ a.cardType!=undefined&&this.component.find(":input[id*=cardType]").removeClass("defaultValue").val(a.cardType).blur(); a.cardNumber!=this.options.emptyValues.cardNumber&&this.component.find(":input[id*=cardNumber]").removeClass("defaultValue").val(a.cardNumber).blur(); this.component.find(":input[id*=expirationMonth]").removeClass("defaultValue").val(a.expirationMonth).blur(); this.component.find(":input[id*=expirationYear]").removeClass("defaultValue").val(a.expirationYear).blur(); a.securityCode!=undefined&&a.securityCode!=this.options.emptyValues.securityCode&&this.component.find(":input[id*=expirationMonth]").removeClass("defaultValue").val(a.expirationMonth).blur() }else{ a.cardType!=undefined&&this.component.find(":input[id*=cardType]").val(a.cardType); this.component.find(":input[id*=cardNumber]").val(a.cardNumber); this.component.find(":input[id*=expirationMonth]").val(a.expirationMonth); this.component.find(":input[id*=expirationYear]").val(a.expirationYear);a.securityCode!=undefined&&this.component.find(":input[id*=securityCode]").val(a.securityCode) } this.validate(true) }, getValue:function(){ if(this.disabledByDependency||this.parentJFormSection.disabledByDependency) return null; var a={}; if(this.component.find(":input[id*=cardType]").length!=0) a.cardType=this.component.find(":input[id*=cardType]").val(); a.cardNumber=this.component.find(":input[id*=cardNumber]").val(); a.expirationMonth=this.component.find(":input[id*=expirationMonth]").val(); a.expirationYear=this.component.find(":input[id*=expirationYear]").val(); if(this.component.find(":input[id*=securityCode]").length!=0) a.securityCode=this.component.find(":input[id*=securityCode]").val(); if(this.options.emptyValues){ if(a.cardNumber==this.options.emptyValues.cardNumber) a.cardNumber=""; if(a.securityCode!=undefined&&a.securityCode==this.options.emptyValues.securityCode) a.securityCode="" } return a }, validate:function(){ if(this.parentJFormSection.parentJFormPage.jFormer.options.clientSideValidation){ var a=this; this.changed||this._super(); setTimeout(function(){ if(!a.component.hasClass("jFormComponentHighlight")){ if(a.options.validationOptions.length<1) return true; a.clearValidation(); $.each(a.options.validationOptions,function(b,c){ c.value=a.getValue(); var d=a.validationFunctions[b](c); if(d!="success"){ $.merge(a.errorMessageArray,d);a.validationPassed=false } }); a.errorMessageArray.length>0&&a.handleErrors(); a.changed=false; return a.validationPassed } },1) } }, addEmptyValues:function(){ var a=this; $.each(this.options.emptyValues,function(b,c){ var d=a.component.find("input[id*="+b+"]"); d.addClass("defaultValue"); d.focus(function(e){ if($.trim($(e.target).val())==c){ $(e.target).val(""); $(e.target).removeClass("defaultValue") } }); d.blur(function(e){ if($.trim($(e.target).val())==""){ $(e.target).addClass("defaultValue"); $(e.target).val(c) } }); d.trigger("blur") }) } });