小编Mr *_*tic的帖子

我希望弹出一个警告,只要我点击它就会显示表格单元格的背景.我似乎无法找到或弄清楚如何抓住背景颜色.

我的表格单元格如下所示:

<td id="s0" onclick="selectCell(event)">0</td>

我的selectCell函数如下所示:

function selectCell(e){
  alert(e.target.backgroundColor);  //this gives me 'undefined'
  alert(e.target.bgcolor);          //this gives me 'undefined'
  alert(e.target.bgColor);          //nothing shows up. i don't believe this is a valid property
  //once i know i am properly grabbing the color i will do stuff with it here.
}

我的CSS看起来像这样:

#s0 {
  border: 1px solid;
  background-color: yellow;
}

任何帮助将不胜感激!!

因此，我创建了一个自定义验证器，以验证“新密码”字段和“确认密码”字段是否匹配。在组件级别，它很棒。仅当两个输入不匹配时才会显示错误消息。

问题是，我禁用了提交按钮，直到表单有效为止，但是当我使用此自定义验证器时，整个表单永远不会通过验证。填写for表单时，所有组件验证都会通过，但表单验证不会通过。

我在这里想念什么？

定制验证器代码如下所示：

import {FormGroup, ValidationErrors, ValidatorFn} from "@angular/forms";

export const matchingInputsValidator: ValidatorFn = (control: FormGroup): ValidationErrors | null => {
  let pass = control.get('NewPassword').value;
  let confirmPass = control.get('ConfirmPassword').value;
  return pass === confirmPass ? { matchingInputs: true } : { matchingInputs: false };
};

我将自定义验证器导入我的组件，并在组件中声明我的表单控件，如下所示：

expiredPasswordForm: FormGroup;
oldPassword = new FormControl('', Validators.compose([Validators.required, Validators.minLength(4)]));
newPassword = new FormControl('', Validators.compose([Validators.required, Validators.minLength(4)]));
confirmPassword = new FormControl('', Validators.compose([Validators.required, Validators.minLength(4)]));

在我的ngOnInit（）生命周期挂钩中，我像这样创建表单组：

this.expiredPasswordForm = this.fb.group({
      'OldPassword': this.oldPassword,
      'NewPassword': this.newPassword,
      'ConfirmPassword': this.confirmPassword
    }, { validator: matchingInputsValidator}); …