语义 UI 避免对某些点击事件进行触发器表单验证
Semantic-UI avoid trigger form validation for some click events
我正在使用带有 angular 的语义 UI.js并且对语义的表单验证有一些问题。
我的表单有一些按钮,单击其中任何一个按钮都会触发验证。我需要避免其中一些,因为它是一个只打开一个模态面板的按钮。
//NEED TO AVOID TRIGGER VALIDATION FOR THESE TWO BUTTONS
<button class="mini ui positive button">
<div class="agregar linea std">
<i class="add square medium icon"></i>
</div>
</button>
<div class="or"></div>
<button class="mini ui red button">
<div class="agregar linea nostd">
<i class="add square medium icon"></i>
</div>
</button>
//This must trigger validation, and it does !
<div class="ui green ok submit button " ng-click="save(pedido, false, true)" ng-disabled="creating">Guardar</div>
我单击了与打开模态的按钮关联的事件。
// buttons to open modal
$('.agregar.linea.std')
.popup({
inline : true,
hoverable: true,
position : 'bottom right',
delay: {
show: 300,
hide: 300
},
content: 'Agregar linea estandard'
})
.click(function(){
$scope.modalType = 'std';
$scope.modalInitialize();
$('.ui.modal').modal('show');
});
$('.agregar.linea.nostd')
.popup({
inline : true,
hoverable: true,
position : 'bottom right',
delay: {
show: 300,
hide: 300
},
content: 'Agregar linea no estandard'
})
.click(function(){
$scope.modalType = 'nostd';
$scope.modalInitialize();
$('.ui.modal').modal('show');
});
从语义文档:
内置事件: 表单将自动将事件附加到特殊标记的表单字段
- 按转义键时字段会模糊
- 字段将在输入时提交表单
提交- 事件将被附加,以点击表单内的任何元素与类提交
- 将附加重置事件以单击表单内的任何元素并进行类重置
- 将附加清除事件以单击表单内的任何元素,并清除类
据我所知,打开模式对话框的按钮不适合任何这些条件,但是当您单击其中任何一个时都会触发验证。
我不知道为什么要在这些情况下进行验证,我试图避免它但没有成功。
我在这里错过了什么?
谢谢!
我已经找到了解决方案。必须使用输入而不是按钮。您可以通过应用"ui button"类使它们看起来与常规按钮相同,如下所示:
<input type="button" class="mini ui positive button"></input>
相关文章:
- 每次只在第一个上单击事件触发器
- 2个Analytics帐户中的Google Analytics事件触发器跟踪
- jQuery 可排序事件触发器
- 使用 Hammer.js 的程序化事件触发器
- Javascript/AngularJS:如何使点击事件触发器成为父级
- jQuery特定的事件触发器
- Unity 3d事件触发器将gameobject.active设置为false
- 上的jquery inputmask事件触发器未完成
- 如何在PlayN中添加对自定义JavaScript事件触发器的支持
- dom对象创建javascript和jquery后的事件触发器
- google将v3事件触发器映射到json创建的标记上
- 通过事件触发器/按钮单击将参数传递给 javascript 函数
- 自定义打印功能,打印内容未显示在第一个事件触发器上
- 如何使用带有复选框的事件触发器访问 ID 数组
- 如何使用事件触发器和自定义属性获取元素的子元素
- 如何在使用循环时调用 jquery 事件触发器
- IE 中浮点和内联块元素的 focusin 事件触发器
- 页面中的 Angularjs-Accordion 事件触发器
- JS切换事件触发器无法正常工作
- 使用事件触发器如何在输入更改时将值传递给函数