Html和js

我在表单标签内有一些字段，在表单标签外有提交按钮。如果表单中的任何字段为空，则不应提交我的表单。为此，我使用了

required

属性，但它不起作用，因为提交按钮在

之外，并且还使用了

novalidate

属性。似乎什么都不管用

下面是我的代码：

<section id="profile" class="content-header">
  <div class="thumbnail">
    <button type="submit" class="btn btn-block btn-success" ng-if="!viewProfile" ng-click="updateProfile();">SUBMIT</button>
  </div>
  <div class="row">
    <form name="profileForm" role="form">
      <div class="form-group col-md-6">
        <label for="firstName"> First Name </label>
        <input type="text" class="form-control" id="firstName" ng- model="profileDetails.firstName" ng-disabled="viewProfile" required/>
      </div>
      <div class="form-group col-md-6" ng-if="userDetails.role==0">
        <label for="firstName"> Middle Name </label>
        <input type="text" class="form-control" id="middleName" ng- model="profileDetails.middleName" ng-disabled="viewProfile" />
      </div>
    </form>
  </div>
</section>

---

通常在禁用ng的表单上使用

$invalid

字段

<button type="submit" class="btn btn-block btn-success" ng-disabled="profileForm.$invalid" ng-if="!viewProfile" ng-click="updateProfile();">SUBMIT</button>

提交

---

请参阅。

您可以在

updateProfile（）

函数中通过JavaScript提交表单。看到这个问题：请在我们的应用程序中发布你的js，我们没有使用JavaScript，它完全基于Angular-mrogers@vyasAngular是一个基于JavaScript构建的框架/库。您在控制器中编写的所有代码都是JavaScript.yaa我的意思是说，我们没有使用纯JavaScript，而是使用AngularJS。我发布了我的js片段，mrogersyaa已经尝试过了，即使我没有给出所有字段，它也不起作用，表单正在提交，当您有其他事情发生时，因为这几乎是表单的主要用途。$invalid。添加一个最小的plunkr、jsbin、jsfiddle等。试着从按钮中去掉type=“submit”。是的，谢谢你的贡献，它现在工作了。我只是犯了一个错误，因为我没有工作。它工作得很好，谢谢你-seth flowers

<button type="submit" class="btn btn-block btn-success" ng-disabled="profileForm.$invalid" ng-if="!viewProfile" ng-click="updateProfile();">SUBMIT</button>