[HTML] html5的 setCustomValidity_html form button onclick setcustomvalidity

作者：从前慢现在也慢 | 2024-02-18 21:44:29

踩

html form button onclick setcustomvalidity

<form>
	<input type=text required />
	<input type=submit>
</form>
1
2
3
4

如果text中没有输入内容，点击提交按钮，会提示“请填写此字段。”
（1）submit按钮的click事件，若取消默认事件，则终止
（2）html5表单验证和提示，若表单验证不通过，则提示第一个不合法输入，并终止
（3）form表单的submit事件，若取消默认事件，则终止

注意：
用js触发form的submit事件，会直接进入第（3）步，不会进行html5表单验证。
所以，要想出现html5的验证提示，必须经过submit按钮，可以通过$(“input:last”).click()事件触发html5表单验证。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/110756