自定义错误验证消息未显示

凯文

我在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> 

然后它总是出现。为什么是这样?

哈立德·侯赛因

工作Plnkr

您可以将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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

自定义错误验证消息未显示

来自分类Dev

JQuery 验证自定义错误消息未显示

来自分类Dev

验证错误消息未显示为Angular 2中的自定义验证

来自分类Dev

验证错误消息未显示为Angular 2中的自定义验证

来自分类Dev

自定义验证属性错误消息未与ValidationMessageFor一起显示

来自分类Dev

自定义验证的错误消息未显示 asp.net core

来自分类Dev

jQuery验证插件未显示自定义消息

来自分类Dev

使用 IValidatableObject 未显示自定义验证消息

来自分类Dev

如何显示自定义验证错误消息

来自分类Dev

自定义验证器未显示错误

来自分类Dev

自定义验证器未显示错误

来自分类Dev

淘汰赛验证-自定义验证程序未显示消息

来自分类Dev

MyCustomExceptionMapper未调用-自定义验证错误消息-泽西岛验证

来自分类Dev

Kendo Grid-验证消息未显示在网格的自定义编辑器上

来自分类Dev

如何自定义Django rest框架中的[未提供身份验证凭据]错误消息

来自分类Dev

AngularJS异步验证器如何获取自定义错误消息以显示

来自分类Dev

Zend \ Form \ Form无法显示在来自自定义验证程序的错误消息中

来自分类Dev

自定义身份验证筛选器Wordpress-登录尝试前显示错误消息

来自分类Dev

如何通过自定义钩子验证正确显示错误消息?

来自分类Dev

异步自定义验证器不起作用并在Angular 8中显示错误消息

来自分类Dev

Zend \ Form \ Form无法显示在来自自定义验证程序的错误消息中

来自分类Dev

AngularJS异步验证器如何获取自定义错误消息以显示

来自分类Dev

Zend Framework 2仅显示必需的自定义验证错误消息

来自分类Dev

密码错误验证的自定义错误消息

来自分类Dev

PowerShell Try Catch错误处理功能未显示我的自定义警告消息

来自分类Dev

应用自定义窗口样式和模板(C#,WPF)后未显示验证错误

来自分类Dev

jQuery验证,显示ID为ID的自定义消息

来自分类Dev

在错误消息中返回自定义验证方法参数

来自分类Dev

AngularJS自定义表单验证错误消息

Related 相关文章

  1. 1

    自定义错误验证消息未显示

  2. 2

    JQuery 验证自定义错误消息未显示

  3. 3

    验证错误消息未显示为Angular 2中的自定义验证

  4. 4

    验证错误消息未显示为Angular 2中的自定义验证

  5. 5

    自定义验证属性错误消息未与ValidationMessageFor一起显示

  6. 6

    自定义验证的错误消息未显示 asp.net core

  7. 7

    jQuery验证插件未显示自定义消息

  8. 8

    使用 IValidatableObject 未显示自定义验证消息

  9. 9

    如何显示自定义验证错误消息

  10. 10

    自定义验证器未显示错误

  11. 11

    自定义验证器未显示错误

  12. 12

    淘汰赛验证-自定义验证程序未显示消息

  13. 13

    MyCustomExceptionMapper未调用-自定义验证错误消息-泽西岛验证

  14. 14

    Kendo Grid-验证消息未显示在网格的自定义编辑器上

  15. 15

    如何自定义Django rest框架中的[未提供身份验证凭据]错误消息

  16. 16

    AngularJS异步验证器如何获取自定义错误消息以显示

  17. 17

    Zend \ Form \ Form无法显示在来自自定义验证程序的错误消息中

  18. 18

    自定义身份验证筛选器Wordpress-登录尝试前显示错误消息

  19. 19

    如何通过自定义钩子验证正确显示错误消息?

  20. 20

    异步自定义验证器不起作用并在Angular 8中显示错误消息

  21. 21

    Zend \ Form \ Form无法显示在来自自定义验证程序的错误消息中

  22. 22

    AngularJS异步验证器如何获取自定义错误消息以显示

  23. 23

    Zend Framework 2仅显示必需的自定义验证错误消息

  24. 24

    密码错误验证的自定义错误消息

  25. 25

    PowerShell Try Catch错误处理功能未显示我的自定义警告消息

  26. 26

    应用自定义窗口样式和模板(C#,WPF)后未显示验证错误

  27. 27

    jQuery验证,显示ID为ID的自定义消息

  28. 28

    在错误消息中返回自定义验证方法参数

  29. 29

    AngularJS自定义表单验证错误消息

热门标签

归档