给 input 添加 oninavalid 事件 通过setCustomValidity 去设置。
用对象的 validity 里边的值去判断。根据自己需求看用哪个参数,本人使用 valueMissing
oninvalid='this.validity.valueMissing?setCustomValidity("Please enter this field"):setCustomValidity("")'
<input
type="text"
class="form-control"
placeholder="Enter your email address..."
oninvalid='this.validity.valueMissing?setCustomValidity("Please enter this field"):setCustomValidity("")'
required
id='topEmail'
/>
网友评论