I am using bootstrap with icon inside the input text box. This input also has validation. Before the validation, all looks ok on page. After validation it got messed up as shown at the image below. Can you please advice on this?
Before the validation:
Before the validation:
The html code :
placeholder="Parola(Tekrar)" name="password_again" id="password_again">
The jquery code :
$(document).ready(function() {
$(".registrationForm").validate(
{
rules: {
name : {
required : true,
minlength : 3
},
surname : {
required : true,
minlength : 3
},
username : {
required : true,
minlength : 3
},
email : {
required : true,
email : true
},
password : {
required : true,
minlength : 5
},
password_again : {
required : true,
minlength : 5,
equalTo : "#password"
}
},
highlight : function(element) {
$(element).closest('.form-group, .has-feedback').removeClass('has-success').addClass('has-error');
},
unhighlight : function(element) {
$(element).closest('.form-group, .has-feedback').removeClass('has-error').addClass('has-success');
}
}
);
});
2 Replies
Know the answer? Post it — somebody with the same question will find it here.
Sign in to answer this question
It is the same account you read, post and publish with — and you will come straight back to this page.
Vinay SinghPosted Sep 6, 2016, 4:23 AM
Manas MohapatraPosted Sep 6, 2016, 3:25 AM