BootStrap表单验证中的非Submit类型按钮点击时触发

网络编程 2025-03-13 17:55www.168986.cn编程入门

揭示BootStrap表单验证中关于非Submit按钮点击触发的陷阱

对于使用BootStrapValidator表单验证插件的开发者来说,可能会遇到一个常见的困惑:为何点击非Submit类型的按钮时,表单验证依然会被触发?今天,我们就来详细这个问题,帮助大家避免这个坑。

在BootStrapValidator验证的表单中,只能有一个type="submit"的按钮。如果你像下面这样编写代码:

...

...

...

你会发现,除了提交按钮外,点击其他按钮也会触发表单验证。这是因为,如果不为这些按钮指定type属性,或者为空,它们默认会被识别为type="submit",从而触发验证。

为了解决这个问题,正确的做法是给不需要触发验证的按钮指定type="button"。如下:

...

...

...

这样,除了提交按钮外,其他按钮点击时就不会触发验证了。请注意,button标签的type属性有三个值:submit、button和reset。在BootStrapValidator的验证表单中,只能有一个type=submit的按钮。而type=button的按钮可以为多个,因此你可以将不需要加验证的按钮的type属性设为button。至于type=reset的按钮,点击时也会触发验证。

以上就是关于BootStrap表单验证中非Submit类型按钮点击触发验证的问题的详解。希望对大家有所帮助。如有任何疑问,欢迎留言,我们会及时回复。感谢大家对狼蚁SEO网站的支持!如果你觉得本文有帮助,欢迎转载,但请务必注明出处。让我们共同学习,共同进步!

上一篇:详谈ajax返回数据成功 却进入error的方法 下一篇:没有了

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by