我在Angular中进行错误验证,如下所示。
<select ng-model = "color" class = "form-control"
ng-options = "color as color for color in colors" required>
<option value="">Choose an option</option>
</select>
<span ng-show="serviceForm.color.$error.required"> My custom error message </span>
错误验证将按预期方式显示,但是自定义消息不会显示。相反,我得到以下内容。
这看起来不错,但是如何用自定义消息替换呢?如果我知道它来自哪里,那就太好了,我可以对其进行编辑。
另外,如果我拿出,我的自定义消息也会出现
<option value="">Choose an option</option>
然后它总是出现。为什么是这样?
您可以将HTML5
特定字段的验证消息替换为space
表单提交。这将阻止显示该消息,并且不会影响其他HTML5
验证消息。
JavaScript:
$scope.ValidateInput = function(){
var email = document.getElementById("colorId");
if (email.validity.valueMissing) {
email.setCustomValidity(" ");
} else {
email.setCustomValidity("");
}
}
HTML:
<form name='serviceForm'>
<select name='color' id='colorId' ng-model = "color" class = "form-control"
ng-options = "color as color for color in colors" required>
<option value="">Choose an option</option>
</select>
<span ng-show="serviceForm.color.$error.required"> My custom error message </span>
<input type='submit' ng-click='ValidateInput()' value='Submit'>
</form>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句