yii 前端js动态添加验证规则
2017-11-11 14:13
411 查看
在使用 activeForm 生成表单及验证时,默认是按照 model 里的 rules 生成js验证,model 验证在加载完页面后生效,不可修改,如果需要扩展、动态验证,需要使用js来配合
直接上Dome吧:
直接上Dome吧:
$('#returnmanualform-refundway input[type="radio"]').on('click', function(){ if($(this).is(':checked') && $(this).val()==3){ $('.account-info').removeClass('hidden'); // 添加验证规则 $('#w0').yiiActiveForm('add', { "id": "returnmanualform-bankname", "name": "bankName", "container": ".field-returnmanualform-bankname", "input": "#returnmanualform-bankname", "validate": function(attribute, value, messages, deferred, form) { yii.validation.required(value, messages, { "message": "转账银行不能为空。" }); } }); $('#w0').yiiActiveForm('add', { "id": "returnmanualform-bankaccount", "name": "bankAccount", "container": ".field-returnmanualform-bankaccount", "input": "#returnmanualform-bankaccount", "validate": function(attribute, value, messages, deferred, form) { yii.validation.required(value, messages, { "message": "转账账号不能为空。" }); } }); $('#w0').yiiActiveForm('add', { "id": "returnmanualform-bankusername", "name": "bankUserName", "container": ".field-returnmanualform-bankusername", "input": "#returnmanualform-bankusername", "validate": function(attribute, value, messages, deferred, form) { yii.validation.required(value, messages, { "message": "用户名不能为空。" }); } }); }else{ $('.account-info').addClass('hidden'); // 移除验证规则 $('#w0').yiiActiveForm('remove', "returnmanualform-bankname"); $('#w0').yiiActiveForm('remove', "returnmanualform-bankaccount"); $('#w0').yiiActiveForm('remove', "returnmanualform-bankusername"); } });
相关文章推荐
- jquery动态添加验证规则
- jquery 的validate 动态添加验证规则 及 jquery选择器 name带变量
- ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字
- JS动态添加表行,并验证数据,获取数据。
- EasyUI中,使用jquery或者js动态添加元素,验证失效的解决办法
- js动态添加行保持jquery easyui 验证特效
- ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字(转载)
- jquery validate 插件动态添加删除验证规则
- 前端使用 validate , 根据条件进行动态的验证添加
- YII注册JS-->动态添加文本框
- jquery validate的动态加入另一个js文件的验证规则
- YII开发技巧分享——模型(models)中rules自定义验证规则
- Html+js实现表格可编辑,并能动态添加删除行
- 动态添加删除css/js文件
- Ajax或JS动态添加的元素,Jquery效果不起作用
- YII开发技巧分享——模型(models)中rules自定义验证规则
- 【转】js对select动态添加和删除OPTION
- JS拼接json(动态添加选项和区块情形)
- 参考别人做的JS动态添加表格
- JS & JQuery 动态添加 select option