Customized validation for text box based on drop down value

---------- Html -------------

Sale Tax Amount Validation Example

Payment Method -select- Credit Cardd Purchase Card

Sale Tax Amount

Tax Type Taxable Non Taxable Tax Exempt

-----End------------- --------------Jquery----------- $.validator.addMethod("taxAmount_validate", function(value, element) { var ddlTaxType= $('#ddlTaxType').val(); if (ddlTaxType== 0 || ddlTaxType== 2) { if (value == 0) { return true; } else { return false; } } if (ddlTaxType== 1) { if (value > 0) { return true; } else { return false; } } }); $("#taxForm").validate({ rules: { txtSaleTaxAmont: { required:function(element) {return $('#ddlPaymentMethod :selected').val()=='2' }, taxAmount_validate: { depends: function(element) {return $('#ddlPaymentMethod :selected').val()=='2' } } } }, messages: { txtSaleTaxAmont: { taxAmount_validate: function() { switch ($('#ddlTaxType').val()) { case '0': case '2': return "Sales Tax must be 0!"; break; case '1': return "Sales Tax must be more than 0!" break; } } } } }); -------------Jquery End---------------

Taxable Field Validation

HTML -----------

Form Validation Example

Tax Type: Taxable Non Taxable Tax Exempt

Sale tax amount:

--------------- Jquery ------------------
$.validator.addMethod("taxAmount_validate", function(value, element, param) { var taxtype = $('#taxType').val(); if (taxtype >= 0) { if (taxtype == 0) { if (value <= 0) { return false; } else { return true; } } if (taxtype == 1 || taxtype == 2) { if (value != 0) { return false; } else { return true; } } } }); $("#taxForm").validate({ debug: true, //prevent submission for testing rules: { taxAmount: { taxAmount_validate: true } }, messages: { taxAmount: { taxAmount_validate: "Enter validate tax amount!." }, } });

Zip code accept only 5 or 9 digits

HTML

Jquerty

$.validator.addMethod('zipcode', function(postalcode,element){ return this.optional(element) || postalcode.match(/^\d{5}$|^\d{5}\-\d{4}$/) || postalcode.match(/^\d{9}$|^\d{9}\-\d{8}$/); },"Please enter 5 or 9 digits valid zip code");

jQuery(document).ready(function () { $("#mainForm").validate({ rules: { txtBillingInfoPostalCode:{zipcode:true} } }); });

Allow only numbers in textbox jquery on key press

HTML

​

Jquery

$("#num").keypress(function (e){ var charCode = (e.which) ? e.which : e.keyCode; if (charCode > 31 && (charCode < 48 || charCode > 57)) { return false; } }); ​