Could you suggest how to show the error message not after element with id #genderError but insert it inside?
errorPlacement: function(error, element) {
if (element.attr("name") == "myoptions" ) error.insertAfter('#genderError');
},
3 Answers
document.getElementById('#genderError').innerHTML = error;
Or if you're using jQuery:
$('#genderError').html(error);
or
$('#genderError').text(error);`
if you just need to set the text.
Comments
You can manage multiple conditions inside errorPlacement.
Like below -
errorPlacement: function(error, element) {
if (element.attr("name") == "genderError") {
$('#genderError').html(error); //or
//$('#genderError').after(error);
}
else {
if (element.hasClass("chosen-select")) {
error.insertAfter(element.next('div.chosen-container'));
}
else {
error.insertAfter(element);
}
}
}
1 Comment
Alok Mali
@Dimtriy, Thanks for approving my answer.
May i introduce a CSS form validation as a workaround solution?
<form>
<label for="male">male</label>
<input type="radio" name="gender" value="male" id="male" required>
<label for="female">female</label>
<input type="radio" id="female" name="gender" value="male" required>
<span class="errMsg"></span>
</form>
input:invalid ~ .errMsg::after {
content: '\2717';
color: red;
}
input:valid ~ .errMsg::after {
content: '\2713';
color: green;
}
$('#genderError').append(error)toaddit to the end of the element or$('#genderError').prepend(error)to add it to the start. or$('#genderError').html(error)toswapthe inner HTML of the element with the content oferror. But this should be googled, not asked here. insert jquery gives you something lik 3 mil posts