提交按钮没有被调用 - AngularJs

我有一个窗体与多个控件，其中我已设置所需的字段验证。如果数据是正确的，我想调用提交按钮。但即使所有数据都填满了，点击提交按钮，按钮也不会被调用。下面是使用的样例代码：提交按钮没有被调用 - AngularJs

<form name="mainForm" id="createForm" ng-submit="mainForm.$valid && add()" novalidate> 
<div ng-controller="testController" ng-init="init()"> 

    <div class="container" ng-show="createMenu"> 
       <br /> 
       <div class="row"> 
        <div> 
         <label>Test:</label> 
        </div> 
        <div > 
         <select name="testTypeSelect" required ng-model="selectedtestType" ng-options="test.TestTypeName for test in tests" ng-change="updateImageUrl(selectedTestType)"> 
          <option value="">-- Select the test --</option> 
         </select> 
        </div> 
       </div> 
       <span style="color:red" ng-show="submitted == true && mainForm.testTypeSelect.$error.required"> Type is required</span> 

       <div class="row"> 
        <div > 
         <label>Name :</label> 
        </div> 
        <div> 
         <input type="text" required ng-model="testName" name="testName" /> 
        </div> 
       </div> 

<input type="submit" value="Submit" ng-click="submitted=true" />

//在controller.js

$scope.add = function() { 

     $scope.init(); 

     alert("hi"); 
      $scope.addData(); 

    };

如何解决这一问题？谢谢

来源

2017-01-03 venkat14

可以是形式是无效的。你提出了一个条件，试图删除表单标签的ng-submit中的mainForm。$ valid。如果您希望表单有效，请输入alid数据 –

使用Angular检查器查看 – Mikkel

表单的$ valid属性是否可以添加plunkr？ –

你的控制器在form标签后面注入，add（）函数调用不在控制器注入。

<form name="mainForm" id="createForm" ng-submit="mainForm.$valid && add()" novalidate> 
<div ng-controller="testController" ng-init="init()">

变化到

<div ng-controller="testController" ng-init="init()"> 
<form name="mainForm" id="createForm" ng-submit="mainForm.$valid && add()" novalidate>

来源

2017-01-03 11:23:59

试过..存在同样的问题 – venkat14

提交按钮没有被调用 - AngularJs

回答

相关问题