Avoid enter alpha charecters

​

$("#strPhone").keydown(function(event) { if ( event.keyCode == 46 || event.keyCode == 8 ) { } else { if (event.keyCode < 95) { if (event.keyCode < 48 || event.keyCode > 57 ) { event.preventDefault(); } } else { if (event.keyCode < 96 || event.keyCode > 105 ) { event.preventDefault(); } } } });

onkeypress should not accept alpha charecters

function functionAmount(e) { if (window.event) { code = event.keyCode; if ((code >= 48 && code <= 57) || code == 46) { } else { event.returnValue = false; } } else { code = e.which; if ((code >= 48 && code <= 57) || code == 8 || code == 0 || code == 46) { if (code >= 48 && code <= 57) { } } else { e.preventDefault(); } } }

Difference in CSS3 Transition - Ease-In-Out

ease-in will start the animation slowly, and finish at full speed.

ease-out will start the animation at full speed, then finish slowly.

ease-in-out will start slowly, be fastest at the middle of the animation, then finish slowly.

ease is like ease-in-out, except it starts slightly faster than it ends./p>

linear uses no easing.

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; } }); ​