I need to validate my form using jquery/javascript when the page is submitted.
The condition to validate my form are:
- Name, age & email of first passenger is compulsory.
- If user inputs the names of any of 2 to 10 passengers then it should be mandatory to add age & email IDs of all passengers.
- Email IDs of all passengers should be unique.
- user should agree terms and conditions
Here's my HTML CODE
type="text" id="fn1" placeholder="Full Name" /> type="number" id="ag1" placeholder="Age" /> type="email" id="em1" placeholder="E-mail" /> type="number" placeholder="Mobile" /> type="text" id="fn2" placeholder="Full Name" /> type="number" id="ag2" placeholder="Age" /> type="email" id="em2" placeholder="E-mail" /> type="number" placeholder="Mobile" /> type="text" id="fn3" placeholder="Full Name" /> type="number" id="ag3" placeholder="Age" /> type="email" id="em3" placeholder="E-mail" /> type="number" placeholder="Mobile" /> type="text" id="fn4" placeholder="Full Name" /> type="number" id="ag4" placeholder="Age" /> type="email" id="em4" placeholder="E-mail" /> type="number" placeholder="Mobile" /> type="text" id="fn5" placeholder="Full Name" /> type="number" id="ag5" placeholder="Age" /> type="email" id="em5" placeholder="E-mail" /> type="number" placeholder="Mobile" /> type="text" id="fn6" placeholder="Full Name" /> type="number" id="ag6" placeholder="Age" /> type="email" id="em6" placeholder="E-mail" /> type="number" placeholder="Mobile" /> type="text" id="fn7" placeholder="Full Name" /> type="number" id="ag7" placeholder="Age" /> type="email" id="em7" placeholder="E-mail" /> type="number" placeholder="Mobile" /> type="text" id="fn8" placeholder="Full Name" /> type="number" id="ag8" placeholder="Age" /> type="email" id="em8" placeholder="E-mail" /> type="number" placeholder="Mobile" /> type="text" id="fn9" placeholder="Full Name" /> type="number" id="ag9" placeholder="Age" /> type="email" id="em9" placeholder="E-mail" /> type="number" placeholder="Mobile" /> type="text" id="fn10" placeholder="Full Name" /> type="number" id="ag10" placeholder="Age" /> type="email" id="em10" placeholder="E-mail" /> type="number" placeholder="Mobile" /> type="checkbox" value="Agree to our terms and agreement" /> type="submit" value="submit" /> Here's my Javascript CODE
Did this individually for every passenger, and no code still to check unique email ID
$("form").submit(function (event) {
var email = "\w+[\w-\.]*\@\w+((-\w+)|(\w*))\.[a-z]{2,3}$";
if ($('#fn1').val() == "") {
alert("At least one participant required")
$('#fullname1').focus();
event.preventDefault();
return
}
if ($('#fn1').val() != "" && ($('#ag1').val() == "" || !emailpattern.test($('#em1').val()))) {
alert("Your email ID or age is not valid and is mandatory")
$('#em1').focus();
event.preventDefault();
return
}
if ($('#fn2').val() != "" && ($('#ag2').val() == "" || !emailpattern.test($('#em2').val()))) {
alert("Your email ID or age is not valid and is mandatory")
$('#em2').focus();
event.preventDefault();
return
}
if ($('#fn3').val() != "" && ($('#ag3').val() == "" || !emailpattern.test($('#em3').val()))) {
alert("Your email ID or age is not valid and is mandatory")
$('#em3').focus();
event.preventDefault();
return
}
if ($('#fn4').val() != "" && ($('#ag4').val() == "" || !emailpattern.test($('#em4').val()))) {
alert("Your email ID or age is not valid and is mandatory")
$('#em4').focus();
event.preventDefault();
return
}
if ($('#fn5').val() != "" && ($('#ag5').val() == "" || !emailpattern.test($('#em5').val()))) {
alert("Your email ID or age is not valid and is mandatory")
$('#em5').focus();
event.preventDefault();
return
}
if ($('#fn6').val() != "" && ($('#ag6').val() == "" || !emailpattern.test($('#em6').val()))) {
alert("Your email ID or age is not valid and is mandatory")
$('#em6').focus();
event.preventDefault();
return
}
if ($('#fn7').val() != "" && ($('#ag7').val() == "" || !emailpattern.test($('#em7').val()))) {
alert("Your email ID or age is not valid and is mandatory")
$('#em7').focus();
event.preventDefault();
return
}
if ($('#fn8').val() != "" && ($('#ag8').val() == "" || !emailpattern.test($('#em8').val()))) {
alert("Your email ID or age is not valid and is mandatory")
$('#em8').focus();
event.preventDefault();
return
}
if ($('#fn9').val() != "" && ($('#ag9').val() == "" || !emailpattern.test($('#em9').val()))) {
alert("Your email ID or age is not valid and is mandatory")
$('#em9').focus();
event.preventDefault();
return
}
if ($('#fn10').val() != "" && ($('#ag10').val() == "" || !emailpattern.test($('#em10').val()))) {
alert("Your email ID or age is not valid and is mandatory")
$('#em10').focus();
event.preventDefault();
return
}
});
Sunil BailwalPosted Aug 18, 2015, 1:37 AM