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的方法
下一篇:没有了
编程语言
- BootStrap表单验证中的非Submit类型按钮点击时触发
- 详谈ajax返回数据成功 却进入error的方法
- 通过正则表达式获取url中参数的简单实现
- 关于ES6箭头函数中的this问题
- js从输入框读取内容,比较两个数字的大小方法
- 简单判断MSSQL数据库版本(2000或者2005)
- JavaScript中的Truthy和Falsy介绍
- jQuery中-image选择器用法实例
- 随机生成文件名的函数
- 也谈用JSP实现新郎、sohu新闻系统的技术。
- 浅谈vue路径优化之resolve
- jQuery模拟黑客帝国矩阵效果实例
- javascript操作ul中li的方法
- jQuery实现节点的追加、替换、删除、复制功能示
- vue webpack打包后图片路径错误的完美解决方法
- jquery $(document).ready()和window.onload的区别浅析