Hi Team
I have managed to do the following after debugging the steps back, i forgot to put the document before the function because i am using jquery validator plugin not javascript itself. DOM element by rule does not support that rule.
<pre lang="Javascript">$(document).ready(function() {
$("#personalloan").validate({
rules: {
firstName:{
required:true
},
lastName:{
required:true
},
idnumber:{
required:true,
minlength:13
},
cellno:{
required:true,
minlength:10
},
email:{
required:true,
email:true
},
employmentStatus: {
required:true
},
salaryPaymentFrequency: {
required:true
},
payslip: {
required:true
},
consent: {
required:true,
consent:true
},
terms: {
required:true,
terms:true
}
},
messages: {
firstName:"This field is mandatory",
lastName:"This field is mandatory",
idnumber:"This field is mandatory",
cellno:"This field is mandatory",
email:"This field is mandatory",
employmentStatus:"This field is mandatory",
salaryPaymentFrequency:"This field is mandatory",
payslip:"This field is mandatory",
consent:"This field is mandatory",
terms:"This field is mandatory"
}
});
});