Hi,
I am new bie in Jquery, I using using Jquery for form Validation, but unfortunately its not working, and i not getting any solution, here is my code of HTML and Jquery…
Please suggest where I am going wrong in implementation of this form…
I have added script dont know why it is not visible on my post…
<script>
$(document).ready(function() {
$("#userInfoValidation").validate({
rules: {
firstname: "required",
lastname: "required",
phonenumber: {
required: true,
},
email: {
required: true,
email: true
}
},
messages: {
firstname: "Please enter your firstname",
lastname: "Please enter your lastname",
phonenumber: {
required: "Please enter a phone phone",
},
email: "Please enter a valid email address"
}
});
$(".cancel").click(function() {
validator.resetForm();
});
});
</script>
<form id="userInfoValidation" name="" class="cmxform" action="" method="get">
<div class="userInfo_edit" style="display:none;">
<div style="display:block" class="billing_invoice batch mb20 pa20">
<div class="pr30 column50 boxSizing">
<div class="row pb10">
<label for="firstName" class="width100 pt3" style="display:inline-block;"><strong>First Name </strong><span style="float:right;">:</span></label>
<input type="text" name="firstName" class="width150 ml5" id="firstname">
</div>
<div class="row pb10">
<label for="lastName" class="width100 pt3" style="display:inline-block;"><strong>Last Name </strong><span style="float:right;">:</span></label>
<input type="text" name="lastName" class="width150 ml5" id="lastname">
</div>
<div class="row pb10">
<label for="phoneNo" class="width100 pt3" style="display:inline-block;"><strong>Phone Number </strong><span style="float:right;">:</span></label>
<input type="text" name="phoneNo" class="width150 ml5" id="phonenumber">
</div>
<div class="row pb10">
<label for="email" class="width100 pt3" style="display:inline-block;"><strong>Email Id </strong><span style="float:right;">:</span></label>
<input type="text" name="emailId" class="width150 ml5" id="email">
</div>
</div>
</div>
<div class="userInfo_edit" style="display:none; text-align:right;">
<input class="submit btn_new save_btn" type="submit" value="Save">
<input class="cancel btn_new" type="submit" value="Cancel">
</div>
</div>
</form>