在Angular JS中切换开关验证

时间:2018-01-30 03:41:42

标签: forms validation angular5 togglebutton

您好我正在尝试验证Angular 5中的切换开关。如果用户选择关闭,那么我想显示错误消息。但是当用户点击提交按钮(表单提交)时,我无法验证切换是否已关闭。在下面的步骤中,我想验证提交按钮。

  <form *ngIf="formResetToggle" class="form-horizontal" name="permissionEditorForm" #f="ngForm" novalidate
     (ngSubmit)="f.form.valid ? savePermission(selectedUserRole.value,selectedScopeName.value) :
    (!userrole.valid && !scopename.valid && showErrorAlert('Please enter mandatory fields'));">
    <div class="form-group has-feedback">
         <label class="control-label col-md-2"for="allowdeny">Allow/Deny</label>
                 <div class="col-md-10">
                       <ui-switch checked size="small" [(ngModel)]="permissionEdit.isallowed" name="isallowed" id="isallowed"></ui-switch>
                            <span *ngIf="IsAllowed" class="errorMessage">
                                                Is Allowed should be true!
                            </span>

                 </div>
   </div>
  </form>

在上面的代码中,如果我做某事

(ngSubmit)="f.form.valid ? savePermission(selectedUserRole.value,selectedScopeName.value) :
(!userrole.valid && !scopename.valid && !isallowed.valid && showErrorAlert('Please enter mandatory fields'));"

然后我收到错误!isallowed.valid。错误消息说无法读取未定义的有效属性。有人可以帮助我进行上述验证工作吗?任何帮助,将不胜感激。谢谢。

0 个答案:

没有答案