html5自定义required的提示文字

<input type="text" required oninvalid="setCustomValidity('不能为空aaa')" oninput="setCustomValidity('')">

HTML5表单验证给前端开发带来许多便利，但是默认的提示不友好。我们可以通过setCustomValidity方法来自定义提示信息，更准确的提示给用户。

在用户输入的时候使用setCustomValidity('')将错误提示设置为空字符串，在输入不合法时用setCustomValidity('自定义提示信息')来替换提示信息，这样写会有些问题就是如果用户没有输入那么还是默认的提示信息，所以可以用任何方式获取到这个元素，然后调用它的setCustomValidity()方法先将提示信息设置为空字符串