通过单击提交按钮获取表单名称

Get form name by the click on submit button

本文关键字:表单 获取 按钮 单击 提交      更新时间:2023-09-26

    app.directive('customToaster', function () {
        return {
            link: function (scope, element, attrs, ctrl) {
                var foundButton = document.getElementByIds("buttonName2");    
                  foundButton.bind('click', function () {
                    scope.$apply(function () {
                      console.log('some text');
                    });
                });
              });
<form name="someName2">
 <div> 
  <div> 
   <button type="submit" name="buttonName2">Submit2 </button>
  </div>
 </div>
</form>

我如何通过使用 AngularJS 单击提交按钮来获取表单名称。

<form name="someName">
 <div> 
  <div> 
   <button type="submit">Submit </button>
  </div>
 </div>
</form>

请记住,嵌套div 标签的数量可以超过两个。谢谢!

    app.directive('customToaster', function () {
    return {
        link: function (scope, element, attrs, ctrl) {
                $scope.inputClick = function(name) {
                    console.log("form name: " + name);
                }
         }
    }
    });
<form ng-model="someName2">
<div> 
    <div> 
    <button ng-click="inputClick(someName2)" type="submit" name="buttonName2">Submit2 </button>
    </div>
</div>
</form>