How can i style form validation messages?

Question

<input type="text" class="form-control " name="username"  placeholder="Enter ID " required >

I have to change the position of validation which tells please fill out details to rightside of textbox.I have to change validation message to "Enter Username".How to implement those?

Possible duplicate of [HTML5 form required attribute. Set custom validation message?](http://stackoverflow.com/questions/5272433/html5-form-required-attribute-set-custom-validation-message) — Anwar, Feb 12 '16 at 11:32

score 0 · Answer 1 · answered Feb 12 '16 at 12:09

For custom validation messages i got an answer

<input type="text" id="username" required placeholder="Enter Name" oninvalid="this.setCustomValidity('Enter User Name Here')" oninput="setCustomValidity('')" />

How can i style form validation messages?

1 Answers1