当前位置:主页 > 建站教程 > 建站技术 >

html5自定义required的提示文字

发布时间:2018-11-03 来源:未知 浏览: 关键词:required 

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

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

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

责任编辑:mokuge

相关文章

    共有人阅读,期待你的评论!评论
    骚年说点什么吧
    • 全部评论(0
      还没有评论,快来抢沙发吧!
    Top