jQuery plugin: Validation help
Posted: Fri May 18, 2012 10:34 am
Hello i have decided to go for a jquery form validation, it works great for the validation....however
when i go to submit the form
it has got an alert at the beginning
$.validator.setDefaults({
submitHandler: function() { alert("submitted!");
}
i want to delete the submitted alert and just direct to the new page, how is this done?
the full script is here
<script src="lib/jquery.metadata.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function() { alert("submitted!");
}
});
$().ready(function() {
// validate signup form on keyup and submit
$("#form2").validate({
rules: {
StartDate: "required",
EndDate: "required",
Nationality: "required",
PhoneDay: "required",
PhoneEvening: "required",
PhoneMobile: "required",
NextKin: "required",
CurrentAddress: "required",
PrevAddress: "required",
BankName: "required",
BankAccNum: "required",
BankSortCode: "required",
BankDuration: "required",
LLName: "required",
LLTele: "required",
LLEmail: "required",
LLAddress: "required",
GuName: "required",
GuPhoneDay: "required",
GuPhoneEven: "required",
GuPhoneMob: "required",
GuPhoneEmail: "required",
GuCurrentAdd: "required",
GuPrevAdd: "required",
GuBankName: "required",
GuBankAccNu: "required",
GuBankSort: "required",
GuBankDurat: "required",
GuEmpProffes: "required",
GuEmpAnnWa: "required",
GuEmpPayroll: "required",
GuAccName: "required",
GuAccContName: "required",
GuAccAdd: "required",
GuAccDayTel: "required",
GuAccMobTel: "required",
GuAccEmail: "required",
GuEmployerNam: "required",
GuEmployerAdd: "required",
GuEmployerContactName: "required",
GuEmployerTele: "required",
GuEmployerEmail: "required",
userid: {
required: true,
minlength: 2
},
password: {
required: true,
minlength: 5
},
email: {
required: true,
email: true
},
terms: "required"
},
messages: {
StartDate: "Please select a start date",
EndDate: "Please select an end date",
Nationality: "Please enter your nationality",
PhoneDay: "Please enter a daytime phone number",
PhoneEvening: "Please enter a evening phone number",
PhoneMobile: "Please enter a mobile number",
NextKin: "Please enter your next of kin",
CurrentAddress: "Please enter a current address",
PrevAddress: "Please enter a previous address",
BankName: "Please enter your bank name",
BankAccNum: "Please enter your account number",
BankSortCode: "Please enter your sort code",
BankDuration: "Please enter your bank duration",
LLName: "Please enter landlords name",
LLTele: "Please enter landlords telephone number",
LLEmail: "Please enter landlords email address",
LLAddress: "Please enter landlords address",
GuName: "Please enter guarantor name",
GuPhoneDay: "Please enter guarantor phone number",
GuPhoneEven: "Please enter guarantor evening number",
GuPhoneMob: "Please enter guarantor mobile number",
GuPhoneEmail: "Please enter guarantor email address",
GuCurrentAdd: "Please enter guarantor current address",
GuPrevAdd: "Please enter previous address",
GuBankName: "Please enter guarantor bank name",
GuBankAccNu: "Please enter guarantor account number",
GuBankSort: "Please enter guarantor sort code",
GuBankDurat: "Please enter guarantor bank duration",
GuEmpProffes: "Please enter guarantor proffesion",
GuEmpAnnWa: "Please enter guarantor annual wage",
GuEmpPayroll: "Please enter guarantor payroll number",
GuAccName: "Please enter guarantor accountant name",
GuAccContName: "Please enter guarantors accountant contact",
GuAccAdd: "Please enter guarantors accountants address",
GuAccDayTel: "Please enter guarantors accountants daytime numbers",
GuAccMobTel: "Please enter guarantors accountants mobile",
GuAccEmail: "Please enter guarantors accountants email",
GuAccAdditional: "Please enter guarantors accounts additional info",
GuEmployerNam: "Please enter guarantors employers name",
GuEmployerAdd: "Please enter guarantors employers address",
GuEmployerContactName: "Please enter guarantors employers contact",
GuEmployerTele: "Please enter enter guarantors employers number",
GuEmployerEmail: "Please enter guarantors employers email",
userid: {
required: "Please enter a user ID",
minlength: "Your username must consist of at least 2 characters"
},
password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long"
},
confirm_password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long",
equalTo: "Please enter the same password as above"
},
email: "Please enter a valid email address",
terms: "Please accept our policy"
}
});
$.metadata.setType("attr", "validate");
$(document).ready(function() {
$("#form2").validate();
$("#selecttest").validate();
});
});
</script>
with the form header here
<form class="cmxform"action="<?php echo $editFormAction; ?>" method="post" name="form2" id="form2">
<input type="hidden" name="MM_insert" value="form2" />
form content in here and works
<input type="submit" value="submit" />
</form>
when i go to submit the form
it has got an alert at the beginning
$.validator.setDefaults({
submitHandler: function() { alert("submitted!");
}
i want to delete the submitted alert and just direct to the new page, how is this done?
the full script is here
<script src="lib/jquery.metadata.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function() { alert("submitted!");
}
});
$().ready(function() {
// validate signup form on keyup and submit
$("#form2").validate({
rules: {
StartDate: "required",
EndDate: "required",
Nationality: "required",
PhoneDay: "required",
PhoneEvening: "required",
PhoneMobile: "required",
NextKin: "required",
CurrentAddress: "required",
PrevAddress: "required",
BankName: "required",
BankAccNum: "required",
BankSortCode: "required",
BankDuration: "required",
LLName: "required",
LLTele: "required",
LLEmail: "required",
LLAddress: "required",
GuName: "required",
GuPhoneDay: "required",
GuPhoneEven: "required",
GuPhoneMob: "required",
GuPhoneEmail: "required",
GuCurrentAdd: "required",
GuPrevAdd: "required",
GuBankName: "required",
GuBankAccNu: "required",
GuBankSort: "required",
GuBankDurat: "required",
GuEmpProffes: "required",
GuEmpAnnWa: "required",
GuEmpPayroll: "required",
GuAccName: "required",
GuAccContName: "required",
GuAccAdd: "required",
GuAccDayTel: "required",
GuAccMobTel: "required",
GuAccEmail: "required",
GuEmployerNam: "required",
GuEmployerAdd: "required",
GuEmployerContactName: "required",
GuEmployerTele: "required",
GuEmployerEmail: "required",
userid: {
required: true,
minlength: 2
},
password: {
required: true,
minlength: 5
},
email: {
required: true,
email: true
},
terms: "required"
},
messages: {
StartDate: "Please select a start date",
EndDate: "Please select an end date",
Nationality: "Please enter your nationality",
PhoneDay: "Please enter a daytime phone number",
PhoneEvening: "Please enter a evening phone number",
PhoneMobile: "Please enter a mobile number",
NextKin: "Please enter your next of kin",
CurrentAddress: "Please enter a current address",
PrevAddress: "Please enter a previous address",
BankName: "Please enter your bank name",
BankAccNum: "Please enter your account number",
BankSortCode: "Please enter your sort code",
BankDuration: "Please enter your bank duration",
LLName: "Please enter landlords name",
LLTele: "Please enter landlords telephone number",
LLEmail: "Please enter landlords email address",
LLAddress: "Please enter landlords address",
GuName: "Please enter guarantor name",
GuPhoneDay: "Please enter guarantor phone number",
GuPhoneEven: "Please enter guarantor evening number",
GuPhoneMob: "Please enter guarantor mobile number",
GuPhoneEmail: "Please enter guarantor email address",
GuCurrentAdd: "Please enter guarantor current address",
GuPrevAdd: "Please enter previous address",
GuBankName: "Please enter guarantor bank name",
GuBankAccNu: "Please enter guarantor account number",
GuBankSort: "Please enter guarantor sort code",
GuBankDurat: "Please enter guarantor bank duration",
GuEmpProffes: "Please enter guarantor proffesion",
GuEmpAnnWa: "Please enter guarantor annual wage",
GuEmpPayroll: "Please enter guarantor payroll number",
GuAccName: "Please enter guarantor accountant name",
GuAccContName: "Please enter guarantors accountant contact",
GuAccAdd: "Please enter guarantors accountants address",
GuAccDayTel: "Please enter guarantors accountants daytime numbers",
GuAccMobTel: "Please enter guarantors accountants mobile",
GuAccEmail: "Please enter guarantors accountants email",
GuAccAdditional: "Please enter guarantors accounts additional info",
GuEmployerNam: "Please enter guarantors employers name",
GuEmployerAdd: "Please enter guarantors employers address",
GuEmployerContactName: "Please enter guarantors employers contact",
GuEmployerTele: "Please enter enter guarantors employers number",
GuEmployerEmail: "Please enter guarantors employers email",
userid: {
required: "Please enter a user ID",
minlength: "Your username must consist of at least 2 characters"
},
password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long"
},
confirm_password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long",
equalTo: "Please enter the same password as above"
},
email: "Please enter a valid email address",
terms: "Please accept our policy"
}
});
$.metadata.setType("attr", "validate");
$(document).ready(function() {
$("#form2").validate();
$("#selecttest").validate();
});
});
</script>
with the form header here
<form class="cmxform"action="<?php echo $editFormAction; ?>" method="post" name="form2" id="form2">
<input type="hidden" name="MM_insert" value="form2" />
form content in here and works
<input type="submit" value="submit" />
</form>