我如何设置表单验证消息？

Question

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

我必须更改验证的位置，告诉我们请将详细信息填写到textbox的右侧。我必须将验证消息更改为“输入用户名”。如何实现这些？

Answer 1

对于自定义验证消息，我得到了答案

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