Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 每个输入的角度形式验证类_Javascript_Angularjs_Forms_Validation - Fatal编程技术网

Javascript 每个输入的角度形式验证类

Javascript 每个输入的角度形式验证类,javascript,angularjs,forms,validation,Javascript,Angularjs,Forms,Validation,我目前正在开发一个angular应用程序,里面有很多表单。当然,涉及到很多表单验证,还有很多设置错误类、设置成功类等 现在,just on输入字段如下所示: <div class="form-group" ng-class="{ 'has-error': form_provider_contact_data.company_name.$invalid && !form_provider_contact_data.company_n

我目前正在开发一个angular应用程序,里面有很多表单。当然,涉及到很多表单验证,还有很多设置错误类、设置成功类等

现在,just on输入字段如下所示:

<div 
  class="form-group"
  ng-class="{
    'has-error':
      form_provider_contact_data.company_name.$invalid && 
      !form_provider_contact_data.company_name.$pristine &&
      form_provider_contact_data.company_name.$touched,
    'has-success':
      form_provider_contact_data.company_name.$valid && 
      !form_provider_contact_data.company_name.$pristine &&
      form_provider_contact_data.company_name.$touched
  }">
  <label class="col-sm-4 control-label" for="company_name">
    {{ 'LABEL_COMPANY_NAME' | translate }}
  </label>
  <div class="col-sm-8">
    <input 
      name="company_name" 
      type="text" 
      class="form-control" 
      id="company_name"  
      placeholder="{{ 'LABEL_COMPANY_NAME' | translate }}"
      ng-model="contact_data.company_name"
      required>
    <p class="help-block">
      Bitte geben Sie einen Firmennamen an.
    </p>
  </div>
</div>

{{‘标签(公司名称|翻译}}

这是一种坚定的信念。

有了大量的表单/输入,它将增长到大量非常相似的代码,这很难维护。应该有一种方法,以编程的方式创建这个输入字段,但是现在很紧,我不知道最好的方法是什么。 有人能给我指出正确的方向吗


一些说明:我正在寻找一种借助模板(或类似的东西)创建输入元素的方法,可能只是通过设置一些参数(例如名称/id、验证、标签和错误等)

我不完全确定您是否在询问验证:

每个输入的表单验证类

或以编程方式生成表单:

应该有一种方法,以编程方式创建此输入字段

无论哪种方式,都可以选择一些有用的东西:


(它使使用表单验证管理所有错误条件变得更加易于管理,这是自1.3版以来的核心部分)

我不完全确定您是否在询问验证:

每个输入的表单验证类

或以编程方式生成表单:

应该有一种方法,以编程方式创建此输入字段

无论哪种方式,都可以选择一些有用的东西:


(它使使用表单验证管理所有错误条件变得更加易于管理,这是自1.3以来核心Angular的一部分)

看起来您希望将AngularJS表单验证与引导的表单验证类一起使用。手动操作将创建大量非干式代码。因此,您可以为此验证创建通用指令


我最近发布了一个bower组件来实现同样的功能。看看这个。

看起来您想将AngularJS表单验证与引导的表单验证类一起使用。手动操作将创建大量非干式代码。因此,您可以为此验证创建通用指令


我最近发布了一个bower组件来实现同样的功能。看看这个。

有很多框架都是为此设计的:我认为ngMessages比你的方法更好。这里有很多框架是为此设计的:我认为ngMessages比您的方法更好。谢谢,这已经解决了我一直在思考的另一个问题;)但主要问题稍有不同,我编辑了我的问题进行澄清。这个问题已经在评论中提到了——另一个类似的项目——谢谢,这已经是我考虑的另一个问题的解决方案;)但主要问题稍有不同,我编辑了我的问题以作澄清。这一个问题已经在评论中提到了——另一个类似的项目-