angular 表单验证 遇到问题总结

1.  novalidate用在form标签上，用来禁用 浏览器原生的表单校验。
   

             主要是样式不够美观。

     

2.  jquery插件 用在 表单验证里，有时候选中的值不能映射到ngModel上。

          可以通过在jquery选中的触发的事件里调用 ngModel的$setViewValue方法，也可写在指令里。

          示例如下。

               

scope. $apply( function(){
    if(val){
        ctrl. $setValidity( "wrongType" , true) ;
        ctrl. $setViewValue(val) ;
    }
}) ;

          注：

               1.  jquery插件的回调函数里，要调用$apply。

               2. ctrl为 ngModel

               

3. 也可用一些 自定义的标识 表明 表单元素是否符合规则。

          ngModel.$setValidity("keyName", true);

          注：true表示通过，false为不通过。