H5实现提交表单为空验证

今天给大家分享一个H5实现提交表单为空验证，setCustomValidity用于判断表单的正误，有错误时可以手动设置提示信息当没有错误时要将setCustomValidity(“)设置为空，否则表单无法提交。

使用方法，只需要在input表单加入：

oninvalid="setCustomValidity('请输入您搜索的内容');" oninput="setCustomValidity('');"

例如：

<input name="kw"  type="search" id="searchinput" value="" placeholder="输入关键词搜索"  required="" oninvalid="setCustomValidity('请输入您搜索的内容');" oninput="setCustomValidity('');">

这样提交空的时候，就会提示：

这样就搞定了，详情可以参考案例：http://www.bkbook.net/

文章转自：http://www.quxuehao.com/it/1053123.html