Javascript Jquery在选择:提交时避免使用普通按钮
假设您拥有以下html文档: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-
<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”等。如果适用的话。