如何显示不同的信息所需的和无效的?(how to show different message on

2019-09-26 13:34发布

你能告诉我如何显示所需的和无效的?换句话说不同的消息。使用的插件。在有一些必需的参数。而一些我需要验证例如“电子邮件”。当用户按下“从JSON形式提交”按钮,如果用户没有填写它显示字段‘’如果用户填写的价值,但不相同的彭定康比说。而‘无效值’。可我们表现出不同的消息不同的情况该领域是必需的。

我用这个插件https://github.com/Textalk/angular-schema-form/blob/master/docs/index.md#validation-messages我使这个plunker http://plnkr.co/edit/ZNJO3x3IqajjdMNStJMF? p =预览

angular.module('test',['schemaForm']).controller('FormController', function($scope,$http){
   $scope.schema = {
    type: "object",
    properties: {
      name: { type: "string", minLength: 2, title: "Name", description: "Name or alias" ,required:true,"default": "dddd"},
      "student": { type: "string", title: "studentname", description: "Name or student" ,required:false},

      "email": {
      "title": "Email",
      "type": "string",
       "pattern":"\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*",

      "description": "Email will be used for evil.",
      required:true
    },
      title: {
        type: "string",
        required:true,
        enum: ['dr','jr','sir','mrs','mr','NaN','dj'],

      }
    }
  };

  $scope.form = [
    "*",
    {
      type: "submit",
      title: "Save"
    }
  ];

Answer 1:

正如你可以从阅读官方角架构形式的文档

每默认情况下所有的错误消息来自模式验证TV4,这可能会或可能不会为你工作。 如果你在表单定义供应validationMessage属性,如果它的值是将改为使用任何验证错误的字符串。

如果您需要更为精细的控制,你可以匹配TV4的错误代码键,而不是提供一个对象。 见tv4.errorCodes

防爆。

 { key: "address.street", validationMessage: { tv4.errorCodes.STRING_LENGTH_SHORT: "Address is too short, man.", "default": "Just write a proper address, will you?" //Special catch all error message } } 

您还可以设置在formDefaults全球validationMessage看到全局选项。

所以,更多的错误信息,请访问此链接



Answer 2:

下面是应该回答你的问题一个伟大的博客文章: http://www.thebhwgroup.com/blog/2014/08/designing-html-forms-angularjs-part-1/

特别是,检查出部分3“验证消息和造型”。

从文章,

<span class="validation-message" ng-show="contactForm.firstName.$error.maxlength">Max length 20</span>

当NG-形式被命名为contactForm ,问题中的元素都被命名firstName 。 这使得示波器上的表格,然后你可以遍历得到的错误,特别显示错误信息为每个错误。



文章来源: how to show different message on required and invalid?