Hi team
I have been struggling to resolve this issue "validation is not a problem" and yet i have used the correct order of using jquery libraries and still experience the same problem.
What I have tried:
<pre>$().ready(function() {
$('#signup-form').validate({
rules:{
name: {
required:true,
minlength:12
},
surname:{
required:true,
minlength:15
},
email:{
required:true,
email:true
},
confirm_email:{
required:true,
confirm_email:true,
equalTo:"#email"
},
phone_number: {
required:true,
minlength:10
},
service_number:{
required:true,
minlength:10
},
agree: {
required:true
},
messages: {
name: {
required:"Please enter your name",
minlength:"Your name must have at least 12 characters"
},
surname: {
required:"Please enter your surname",
minlength:"Your surname must have at least 15 characters"
},
email: {
required:"Please enter your email address",
equalTo:"Please enter the same email address as above"
},
agree: "Please accept our policy"
}
}
})
});
jQuery.validator.addMethod("laxEmail", function(value, element) {
return this.optional( element ) || /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@(?:\S{1,63})$/.test( value );
}, 'Please enter a valid email address.');
<script src="js/messages.min.js"></script>
<script src="js/signup-form.js"></script>
<script src="js/jquery.validate.js"></script>