角度1.2中的表格验证

时间:2017-06-26 18:19:01

标签: angularjs haml

我正在尝试将自定义表单验证添加到角度应用程序中,该应用程序在角度1.2中生成。我对角度很新,我有点迷惑。在前端这个应用程序使用haml,pass字段是这样的:

        .col-lg-12.form-group{ 'data-ng-class'=>"{ 'has-error' : registration_form.password.$invalid && registration_form.password.$dirty }"}
      %input.form-control.square-borders.background-gray-fa{ :name=>"password", :placeholder=>"Password", :type=>"password", 'data-ng-model'=>"user.password", 'data-ng-focus'=> true, :required=> true,:uppercase=> true,  'data-ng-minlength'=>"6", 'data-ng-maxlength'=>"128" }
      %label{'data-ng-show'=>"registration_form.password.$invalid &&(!registration_form.password.$pristine ) && registration_form.password.$error.required && !registration_form.password.$focused", :class=>"help-block help-error-message-infield error-msg-right-correction square-borders"}
        Required
      %label{ 'data-ng-show'=>"registration_form.password.$invalid &&(!registration_form.password.$pristine ) && registration_form.password.$error.minlength && !registration_form.password.$focused", :class=>"help-block help-error-message-infield error-msg-right-correction square-borders"}
        Too Short

它只检查已经内置于角度的min char我想添加另一个限制,如下所示:

%label{ 'data-ng-show'=>"registration_form.password.$invalid &&(!registration_form.password.$pristine ) && registration_form.password.$error.uppercase && !registration_form.password.$focused", :class=>"help-block help-error-message-infield error-msg-right-correction square-borders"}
        needs at least one uppercase letter

这样做的最佳方法是什么?

0 个答案:

没有答案