zoukankan      html  css  js  c++  java
  • yii 前端js动态添加验证规则

    在使用 activeForm 生成表单及验证时,默认是按照 model 里的 rules 生成js验证,model 验证在加载完页面后生效,不可修改,如果需要扩展、动态验证,需要使用js来配合

    直接上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");
        }
    });
  • 相关阅读:
    药方
    Git配置
    黄俊俊:做一个有想法的技术人
    刘铁猛:程序员:造阀门前,先蓄满‘情商池’
    Nginx + Tomcat 配置负载均衡集群简单实例
    mysql 用户权限管理详细
    mysql数据权限操作
    搭建分布式系统
    数据库 -- 悲观锁与乐观锁
    tomcat7以下线程控制
  • 原文地址:https://www.cnblogs.com/tujia/p/7818923.html
Copyright © 2011-2022 走看看