Javascript Jquery在选择:提交时避免使用普通按钮

Javascript Jquery在选择:提交时避免使用普通按钮,javascript,jquery,html,Javascript,Jquery,Html,假设您拥有以下html文档: <form class="" ng-submit="CTRL.submit(CTRL.academy)" submit-throbber> <div class="modal-body"> <div class="row"> <div class="col-xs-12 b-r" style="margin-top: 10px;"> <div class="form-

假设您拥有以下html文档:

<form class="" ng-submit="CTRL.submit(CTRL.academy)" submit-throbber>
<div class="modal-body">
    <div class="row">
        <div class="col-xs-12 b-r" style="margin-top: 10px;">
            <div class="form-group">
                <label translate="FORMS.NAME"></label>
                <input class="form-control" placeholder="{{ 'FORMS.NAME_PLACEHOLDER' | translate }}"
                       ng-model="CTRL.academy.name" required="">
            </div>
            <label translate="FORMS.DESCRIPTION"></label>
            <textarea class="form-control" placeholder="{{ 'FORMS.DESCRIPTION_PLACEHOLDER' | translate }}"
                      ng-model="CTRL.academy.description"
                      style="height: 300px; margin-top: 0px; margin-bottom: 0px;"></textarea>
        </div>
    </div>
</div>
<div class="lb-modal-footer">
    <button class="btn btn-default" tooltip="{{ 'TOOLTIP.CANCEL' | translate }}" ng-click="CTRL.cancel()"><i
            class="fa fa-ban"></i></button>
    <button type="submit" class="btn btn-success m-l-xs" tooltip="{{ 'TOOLTIP.SAVE_AND_EXIT' | translate }}"><i
            class="fa fa-check-square-o"></i></button>
</div>

现在,当我使用jquery查找submit按钮时,我会执行以下操作:
$('form')。查找('submit')

但是,在上述情况下,它会找到两个结果(我的两个按钮)

根据以下说明,此功能正常工作:


但是,有没有办法避免这种情况?

因为您链接到的文档说明:

始终指定类型属性

所以只要在“取消”按钮上添加
type=“button”
,您就可以了

<button type="button" class="btn btn-default" tooltip="{{ 'TOOLTIP.CANCEL' | translate }}" ng-click="CTRL.cancel()"><i
            class="fa fa-ban"></i></button>

作为您链接到的文档的状态:

始终指定类型属性

所以只要在“取消”按钮上添加
type=“button”
,您就可以了

<button type="button" class="btn btn-default" tooltip="{{ 'TOOLTIP.CANCEL' | translate }}" ng-click="CTRL.cancel()"><i
            class="fa fa-ban"></i></button>

尝试
$('form')。查找('type=submit'))
尝试
$('form')。查找('type=submit'))
尝试以下操作:

$('form').find("button[type='submit']");
试试这个:

$('form').find("button[type='submit']");

“根据文档,这可以正常工作”-仅当您“…指定类型属性”作为第一个按钮时。文档中说要始终为按钮指定一个
类型
属性,以使其一致工作。将
type=“button”
添加到您的第一个非提交按钮。当然,它将有两个结果,因为这两个结果都是
button
,但其中一个具有属性
type=submit
,您应该对其进行筛选。类似地,如果您想要选择
div
元素,那么有很多,但是如果您想要一个特定的
div
,您可以给该元素一个
id
,或者给一些具有唯一值的属性,比如
name=“target”
,或者您可以借助伪选择器,比如
:first
,“:not”等。如果适用的话。“根据文档,这可以正常工作”-仅当您“…指定类型属性”作为第一个按钮时。文档说明始终为按钮指定
type
属性,以使其一致工作。添加
type=“button“
到您的第一个非提交按钮。当然,它将有两个结果,因为它们都是
按钮
,但其中一个具有属性
type=submit
,您应该对其进行筛选。”。类似地,如果您想要选择
div
元素,那么有很多,但是如果您想要一个特定的
div
,您可以给该元素一个
id
,或者给一些具有唯一值的属性,比如
name=“target”
,或者您可以借助伪选择器,比如
:first
,“:not”等。如果适用的话。