I am trying to perform some additional checks and formatting on some fields of my form before they are submitted. So I used the jQuery validation plugin. It works well, as it displays all manufactory error messages properly, however, as soon as I set the necessary values, the form just submits. At this point, I'm not even sure that even submitHandler
. Any ideas?
Html form: http://jsfiddle.net/7PAZU/
$(function() { $("#commentForm").validate({ rules: { bill_first_name: { required: true }, bill_last_name: { required: true }, email: { required: true, email: true }, Phone: { required: true, number: true }, bill_address_one: { required: true }, bill_city: { required: true }, bill_state_or_province: { required: true }, charge_total: { required: true, float: true }, }, messages: { bill_first_name: { required: "Please put in First Name" }, bill_last_name: { required: "Please put in last Name" }, email: { required: "Please enter a valid email" }, phone: { required: "Please enter a valid Phone Number" }, bill_address_one: { required: "Please put in Address" }, bill_city: { required: "Please put in City" }, bill_state_or_province: { required: "Please put in state" }, charge_total: { required: "Please put Amount In Whole number such as 10.00", number: "Please put in Amount In Whole number such as 10.00" }, }, submitHandler: function(frm) { $("#charge_total").val(parseFloat($("#charge_total").val()).toFixed(2)); alert("Dukhche Na"); return false; } }); })
source share