html5自定义required的提示文字

来源:互联网 发布:可以了陈奕迅 知乎 编辑:程序博客网 时间:2024/05/17 03:55

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

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

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


0 0
原创粉丝点击