提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

H5实现提交表单为空验证

H5 实现 验证 提交 表单 为空
2023-09-14 08:57:34 时间

今天给大家分享一个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

相关文章