
Untitled
By: a guest on
Jul 18th, 2012 | syntax:
None | size: 1.65 KB | hits: 7 | expires: Never
jQuery validation doesn't work
$(document).ready(function(){
$('#new_user').validate({
debug: true,
rules: {
"user[email]":{
requred: true
},
"user[name]":{
requred: true
},
'user[password]': {
required: true,
minlength: 6
},
'user[password_confirmation]': {
required: true,
minlength: 6,
equalTo: "#user_password"
}
},
messages: {
'user[password]': {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long"
},
'user[password_confirmation]': {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long",
equalTo: "Please enter the same password as above"
},
'user[name]':{
required: "Please provide your name"
},
'user[email]':{
required: "Please provide your email"
}
},
success: "valid"
});
})
<form accept-charset="UTF-8" action="/users" class="sign_up" id="new_user" method="post" novalidate="novalidate">
<label for="user_name">Name</label><br>
<input id="user_name" name="user[name]" size="30" type="text">
<input id="user_email" name="user[email]" size="30" type="text" value="">
requred: true
required: true
"user[email]":{
requred: true
},
"user[name]":{
requred: true
}
'user[email]':{
required: true
},
'user[name]':{
required: true
}