JSFiddle - React, Tailwind, and code Playground
JavaScript
$(document).ready(function(){
jQuery.validator.addMethod("password", function( value, element ) {
var result = this.optional(element) || value.length >= 6 && /\d/.test(value) && /[a-z]/i.test(value);
return result;
}, "Your password must be at least 6 characters long and contain at least one number and one character.");
$('#userlogin').validate({
rules: {
username: { required: true, minlength: 2 },
password: { required: true, minlength: 5 },
c_password: { required: true, equalTo: "#password", minlength: 5 },
email: { required: true, email:true }
},
messages: {
username: {
required: "Please enter your username.",
minlength: jQuery.format("Enter at least {0} characters"),
remote: jQuery.format("{0} is already in use")
},
password: {
required: "Please enter your password.",
minlength: jQuery.format("Enter at least {0} characters"),
remote: jQuery.format("{0} is already in use")
},
email: {
email: "Please enter your email address."
}
}
});
$('#buyerregistration').validate({
rules: {
password: { required: true, minlength: 5 },
c_password: { required: true, equalTo: "#password", minlength: 5 },
secretanswer: { required: true, },
c_secretanswer: { required: true, equalTo: "#secretanswer" },
email: { required: true, email: true }
},
messages: {
email: {
required: "Please enter a valid email address.",
email: "Please enter a valid email address."
}
}
} );
$('#supplierregistration').validate({
rules: {
password: { required: true, minlength: 5 },
c_password: {...