时间戳

首页 > 解决方案 > Angular 2：使用 FormControl 在页面中需要输入字段时防止提交

angular - Angular 2：使用 FormControl 在页面中需要输入字段时防止提交

问题描述

我没有使用表单标签来包装输入，我想在提交点击时验证该输入

我尝试使用 FormControl，我没有停止提交值的想法，它被提交了。

我试过的代码如下

<div class="dead-line">
<span class="p-gap">To delivery in this period I want to recevive orders until 
    <a (click)="deadlineTime(i)" class="del-r">
    <input type="date" class="form-control hide-dt"  [formControl]="deadlineVal" required>
    {{i.dead_line_time}}</a>
    </span>
    </div>
  <button class="bt-save" (click)="submitHomeDelivery()">Save</button>

.ts

  deadlineVal: FormControl = new FormControl('',
           [Validators.required]);

submitHomeDelivery() {

    var self = this;
    console.log('self.deadlineVal',  self.deadlineVal);
---------------------
---------------------

我怎么能防止提交（强制输入要添加），任何想法将不胜感激

标签： angularvalidationinputform-control

解决方案

根据您的要求，通过标记函数和返回值（真/假）来为您的按钮添加禁用属性。

如果您使用的是 Angular 1.x，下面将是示例

<button class="bt-save" ng-disabled = "allowButtonClick()">Save</button>

推荐阅读