why520crazy / angular-w5c-validator Goto Github PK

出错信息不会显示

bower.json中main的值不对...
"main": [
"w5cValidator.js" ,
"style.css"
],
这样才可以 , 或者用less

 w5cValidatorProvider.config({
            blurTrig   : false,
            showError  : true,
            removeError: true

        });

因为是单页面应用，不同页面会到不同的上面的配置，请问有办法实现吗？

可能两个表单的name值会有冲突，想每个表单设置单独的验证规则，该怎么用？

感谢您的模块。
现在所有的信息模板都是在config中预先写好，
如果需要支持i18n的话，请问如何实现。

插件挺好的，很想用，但不知道可不可以实现点击submit按钮，只弹出首个错误输入的输入框的提示，
还有就是如何调用表单中个别项是否验证成功。如果可以是否可以提供个demo 谢谢

这一行有个 debugger; 开发总是进断点

1.提交到bower和npm上。
2.提示内容显示方式能任意自定义，比如弹窗提示。

求助自定义验证在controller下提示消息，因为全局验证我们在平台的，所以子项目不可能修改的，怎么办？
在controller上定义这个message,$scop.customizer= "自定义验证数字必须大于上面的数字"

如下又如何实现呢？

vm.customizer = function () {
    if(vm.entity.customizer > vm.entity.number){
    customizer: "自定义验证数字必须大于上面的数字"
    }
   return false;
};

TypeError: $$animateJs is not a function
angular.module("w5c.validator", ["ng"]) 请问这里的依赖 ng 是什么？我在不使用ng模块的时候，程序不报错，但是验证表单不会工作， 如果我加上依赖模块会抛出 $$animateJs is not a function 的错误

两个input 一个是start_time 一个是end_time，如何验证start_time 早于 end_time?

w5cValidatorProvider.setRules({
email : {
required: "输入的邮箱地址不能为空",
email : "输入邮箱地址格式不正确"
},
username : {
required : "输入的用户名不能为空",
pattern : "用户名必须输入字母、数字、下划线,以字母开头",
w5cuniquecheck: "输入用户名已经存在，请重新输入"
},
password : {
required : "密码不能为空",
minlength: "密码长度不能小于{minlength}",
maxlength: "密码长度不能大于{maxlength}"
},
repeatPassword: {
required: "重复密码不能为空",
repeat : "两次密码输入不一致"
},
number : {
required: "数字不能为空"
},
customizer : {
customizer: "自定义验证数字必须大于上面的数字"
}
});
这是全局的,
我想让单独的表单显示不同的提示信息, 这个怎么弄,

错误信息为：Error: [$parse:syntax] Syntax Error: Token '{' is unexpected, expecting []] at column 15 of the expression [[validateForm.{{modelText}}.$viewValue,0]] starting at [{{modelText}}.$viewValue,0]].

源码地址：http://pan.baidu.com/s/1i35o3C5

谢谢~

IE8下提供的演示有问题。页面显示不全。

1、即使配置为“光标移走不触发验证”，w5c-unique-check依然会在后台发送http指令去验证是否存在该值，只不过不显示验证结果而已。

2、w5c-unique-check 是否可以配置为使用函数验证？

3、我的代码w5c-unique-check已经返回true，但依然不提示错误，找了半天没发现问题。如果可以使用函数的话，或许调试会简单一些。

4、是否有手动添加错误信息的功能？比如，当我提交后，服务器会返回错误代码，我是否可以添加错误信息到 w5c-validator 中？

谢谢~

w5cValidator.min.js:2:5607

“e.$parsers.push(function(a){return d.$setValidity("repeat",a===d.$viewValue),a})}}}])....”

我同一个页面有多个动态生成的form，希望可以把form的name设置成变量，避免冲突。但是我尝试绑定了一下，或者在指令中去改写form，都不能影响到验证组件所获取到的name值，请问这个有没有办法解决呢？

指令：w5cFormSubmit 里的 代码：element.parents("form").attr("name");这样出错了，angular.element()里是没有这个parents函数的，要么就得使用jquery的parents函数

input 后面要带help-block进行提示，但用了 w5cValidator.js 第63行中的 $elem.next(".w5c-error").remove(); 会把所有input 后面的help-block 删除

原因是next() - Does not support selectors

https://docs.angularjs.org/api/ng/function/angular.element

解决方法将第62、63、64 行改为
var elemNext=$elem.next();
if(elemNext.hasClass('w5c-error')){
angular.forEach(elemNext,function(e){
e=angular.element(e);
if(e.hasClass('w5c-error'))e.remove();
});
}

max 能动态赋值吗，不写死最大值？

比如用户名是否重复？

如何自定义验证的消息，如下能不能在界面上定义一个属性，填写错误消息，没有errMessage这个属性的就按默认消息显示

在某些不是基于textarea开发的文本编辑器中，按回车会自动提交。
修改了下
if (ctrl.needBindKeydown) { form.bind("keydown keypress", function (event) { if (event.which === 13) { var currentInput = document.activeElement; if (currentInput.type&&currentInput.type !== "textarea") {

增加currentInput.type&&判断，就不会自动提交表单了。

bootstrap的这个密码验证，只设置了确认密码验证新密码，而没有设置新密码去验证确认密码的机制。假如我给新密码也绑定一个和确认密码验证的参数方法。体验很不好的说。

反正目前我看到几乎用bootstrap做的网站登录的时候，几乎没有双向绑定的，当我输完确认密码，返回去改编新密码，不会触发确认密码框的再次校验，然后验证都是通过的，ok神奇的事情出现了，没有后台验证的直接提示注册成功了

在使用w5c validate,无填写提交表单时整个应用卡死掉了
求解？？？

                <input type="submit" w5c-form-submit="js_addUser(validateForm)"  class="btn btn-block btn-large btn-success" value="Create account">

当表单里有button时，romoveError传递进来的的elem是上一个（prev）元素表单元素
所以在下一个表单元素发生变化 时，当前想要移除样式的元素才会删除error信息

是否可以设置通用的验证提示信息模板?例如:
required={0}不能为空

不知道这样一个问题 发个新贴的方式 是否符合你的要求

对 select 或者 ui-select 不能焦点移除时候进行验证

类似于angular-validator中的validator，可以指定自定的方法来验证

因为有时候这个验证只是很简单的验证，没必要写成directive这么复杂的。

如何重置验证

如何配置局部的验证？好像例子都是配置全局验证的，能支持局部验证吗？就是我提交表单之后，在提交方法上去做验证

回车提交，验证成功后没有调用w5c-form-submit事件

elemTypes = ['text', 'password', 'email', 'number', 'url', ['textarea'], ['select-multiple'], ['select-one']];

https://github.com/why520crazy/angular-w5c-validator/blob/master/src/w5cValidator.js#L41

有些情况，不是把错误插入到input的后面的，例如用bootstrap，有个视图是如：

<div class="input-group">
    <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
    <input name="name" type="text" class="form-control input-lg" placeholder="用户名/邮箱" ng-model="user.name" auto-focus="">
</div>

那么，理论提示位置应该在input-group 后面，而不是input后面，否则样式被弄乱。

这样结构会把‘has-error’添加到form标签上

自义那种验证错误消息不应该在全局配置的，因为自定验证就是特殊的，所以消息不应该在全局的

customizer : {
customizer: "自定义验证数字必须大于上面的数字"
}
这提示消息能不能在界面写呢，全局配置会影响所有的，有时候我们往往需要影响局部的？
如下代码显示的是errMessage

  <input type="text" w5c-customizer="vm.customizer()" ng-model="vm.entity.customizer" 
 name="customizer" class="form-control" placeholder="必须输入 why520crazy"
 errMessage="自定义验证数字必须大于上面的数字">

又或者可不可以在controller上定义这个message,$scop.customizer= "自定义验证数字必须大于上面的数字",全局配置会影响所有的，有时候我们往往需要影响局部的

如下又如何实现呢？

    vm.customizer = function () {
        if(vm.entity.customizer > vm.entity.number){
        customizer: "自定义验证数字必须大于上面的数字"
        }
       return false;
    };

RT，谢谢！

有个这样的多选 checkbox

<div class="form-group">
           <label class="col-sm-2 control-label">全国校区</label>
           <div class="col-sm-10">
               <label class="checkbox-inline" ng-repeat="campus in vm.campuses">
                   <input type="checkbox" name="campuses" ng-model="entity.campuses[campus.campusId]" ng-true-value="{{campus.campusId}}">{{campus.campusName}} 
              </label>             
           </div>
       </div>

campuses 的格式是这样的：

[
{
"campusId" : 1,
"campusName" : "北京校区"
},
{
"campusId" : 2,
"campusName" : "上海校区"
},
{
"campusId" : 3,
"campusName" : "武汉校区"
},
{
"campusId" : 4,
"campusName" : "南京校区"
},
{
"campusId" : 5,
"campusName" : "成都校区"
}
]


这样绑定：

vm.campuses = campuses;

checkbox 在点击的时候报错：

请问我改如何实现 checkbox 的多选呢？

w5c-validator version: v2.4.10
Test browser: Chrome 48.0.2564.82 (64-bit)
Date: 2016/1/28

步骤

1. 密码框输入 abcdef
2. 重复密码框输入 abcdefg
3. 点验证，出现“两次密码输入不一致”提示
4. 在密码框中再输入 g，使密码框和重复密码框的内容一致
5. 点验证，弹出success的alert框，表示校验通过，但是“两次密码输入不一致”提示仍然存在

poc: http://sandbox.runjs.cn/show/zhkknxb6

是否需要在校验成功后，消除form所有elem的error message？@why520crazy

您好，我最近做一个项目想使用你的angular-w5c-validator插件。遇到一个问题，希望能得到您的帮助。
我的代码结构是：

<form  w5c-form-validate="vm.validateOptions" novalidate name="validateForm" w5c-submit="abc()">
    <table>
        <tr ng-repeat="d in data">
            <td>
                <span ng-if="d.isEdit"><input name="name" w5c-dynamic-element required ng-model="d.name" ></span>
                <span ng-if="!d.isEdit">{{d.name}}</span>
            </td>
        </tr>
    </table>
</form>

双击任何一行会进入编辑状态，并且同时只有一行会处在编辑状态。
现在我用

$scope.validateForm.doValidate()

触发验证，并查询

$scope.validateForm.$valid

可以返回正确的验证结果，但是并不能触发您的插件中 showError 的方法，请问现在有没有办法实现呢？谢谢

Error: [$parse:syntax] Syntax Error: Token '.15.' is an unexpected token at column 13 of the expression [validateForm.15.$viewValue] starting at [.15.$viewValue].
http://errors.angularjs.org/1.4.8/$parse/syntax?p0=.15.&p1=is%20an%20unexpected%20token&p2=13&p3=validateForm.15.%24viewValue&p4=.15.%24viewValue
at http://localhost:8080/iportal/static/lib/plugins/angular-1.4.8/angular.js:68:12
at Object.AST.throwError (http://localhost:8080/iportal/static/lib/plugins/angular-1.4.8/angular.js:13100:11)
at Object.AST.ast (http://localhost:8080/iportal/static/lib/plugins/angular-1.4.8/angular.js:12870:12)
at Object.ASTCompiler.compile (http://localhost:8080/iportal/static/lib/plugins/angular-1.4.8/angular.js:13319:31)
at Parser.parse (http://localhost:8080/iportal/static/lib/plugins/angular-1.4.8/angular.js:14189:29)
at $parse (http://localhost:8080/iportal/static/lib/plugins/angular-1.4.8/angular.js:14291:39)
at Scope.$watch (http://localhost:8080/iportal/static/lib/plugins/angular-1.4.8/angular.js:15482:19)
at initElement (http://localhost:8080/iportal/static/lib/plugins/angular-w5c-validator/w5cValidator.js:249:36)
at link (http://localhost:8080/iportal/static/lib/plugins/angular-w5c-validator/w5cValidator.js:296:30)
at invokeLinkFn (http://localhost:8080/iportal/static/lib/plugins/angular-1.4.8/angular.js:8841:9)

文本框的数据是从遮罩层中获取的，然而使用该模块后，会显示的错误是Undefined的(没有报错，直接在界面上显示)，我想直接忽略对这个文本框的校验，自己做校验算了

加了name通过不校验，不加name也通不过校验，不加任何校验属性也通不过校验，求教

页面加载完成后，不作任何操作：
引入：angular-w5c-validator/dist/w5cValidator.js：

未引入angular-w5c-validator/dist/w5cValidator.js：

另外，w5cValidator虽然使用的是基于ng的校验规则，但能否做到angularjs校验完后不进行任何操作，而让我在showError里进行自定义显示错误。

多谢！

TypeError: Cannot set property '$errors' of undefined
at Object.fn (w5cValidator.min.js:2)
at n.$get.n.$digest (angular.js:15685)
at n.$get.n.$apply (angular.js:15953)
at controller.doValidate (w5cValidator.min.js:2)
at HTMLInputElement. (w5cValidator.min.js:2)
at HTMLInputElement.c (angular.js:3273)