Semantic-UI 避免为某些点击事件触发表单验证

Question

我在 angular.js 中使用 semantic-ui，并且在 Semantic 的表单验证方面遇到了一些问题。

我的表单有一些按钮，单击其中任何一个都会触发验证。 我需要避免他们中的一些人这样做，因为它是一个只打开一个模式面板的按钮。

   //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');
    });

来自语义文档：

内置事件：表单会自动将事件附加到特别标记的表单字段

• 按下退出键时字段会模糊
• 字段将在输入时提交表单
• 提交事件将附加到单击带有类提交的表单内的任何元素
• 重置事件将附加到单击具有类重置的表单内的任何元素
• Clear 事件将附加到单击class clear的表单内的任何元素

据我所知，打开模态对话框的按钮不符合这些条件中的任何一个，但是当您单击其中任何一个时都会触发验证。

我不知道为什么在这些情况下要进行验证，而且我试图避免它但没有成功。

我在这里缺少什么？

谢谢 ！

Answer 1

我找到了解决办法。 您必须使用输入而不是按钮。 您可以通过应用“ui button”类使它们看起来与常规按钮相同，如下所示：

<input type="button" class="mini ui positive  button"></input>