素材牛VIP会员
Validform,验证JQ追加的元素
 馨***茂  分类:JavaScript  人气:716  回帖:1  发布于6年前 收藏

有分有分,各位大佬!
参见:CSDN论坛


$(function() {
        var ruleIds = $('#getRuleIds').val();
        var companyId = $('#companyId').val();
        if (!companyId) {
            return;
        }
        $.ajax({
            async: true,
            cache: false,
            type: 'GET',
            url: 'tBGetRuleController.do?getRule&id=' + encodeURI(encodeURI(companyId)),
            // 请求的action路径
            error: function() { // 请求失败处理函数
            },
            success: function(data) {
                // 字符串转JSON
                var d = JSON.parse(data);
                var ls = JSON.parse(d.msg);
                // 数组长度
                var len = ls.length;
                var body = '',
                html = '';
                $.each(ls,
                function(index, obj) {
                    
                    if (new RegExp(obj.id).test(ruleIds)) {
                        if (0 === index) {
                            // 给唯一的的元素追加验证
                            if (1 === len) {
                                body += '<label><input name="ruleId" id="ruleId' + index + '" type="checkbox" datatype="need1" checked="checked" value="' + obj.id + '">' + obj.ruleName + ' </label>';
                            } else {
                                body += '<label><input name="ruleId" id="ruleId' + index + '" type="checkbox" checked="checked" value="' + obj.id + '">' + obj.ruleName + ' </label>';
                            }
                        } else {
                            // 给最后的元素追加验证
                            if (index + 1 === len) {
                                body += '<label><input name="ruleId" id="ruleId' + index + '" type="checkbox" datatype="need2" checked="checked" value="' + obj.id + '">' + obj.ruleName + ' </label>';
                            } else {
                                body += '<label><input name="ruleId" id="ruleId' + index + '" type="checkbox" checked="checked" value="' + obj.id + '">' + obj.ruleName + ' </label>';
                            }
                        }
                    } else {
                        if (0 === index) {
                            // 给唯一的的元素追加验证
                            if (1 === len) {
                                body += '<label><input name="ruleId" id="ruleId' + index + '" type="checkbox" datatype="need1" value="' + obj.id + '">' + obj.ruleName + ' </label>';
                            } else {
                                body += '<label><input name="ruleId" id="ruleId' + index + '" type="checkbox" value="' + obj.id + '">' + obj.ruleName + ' </label>';
                            }
                        } else {
                            // 给最后的元素追加验证
                            if (index + 1 === len) {
                                body += '<label><input name="ruleId" id="ruleId' + index + '" type="checkbox" datatype="need2" value="' + obj.id + '">' + obj.ruleName + ' </label>';
                            } else {
                                body += '<label><input name="ruleId" id="ruleId' + index + '" type="checkbox" value="' + obj.id + '">' + obj.ruleName + ' </label>';
                            }
                        }
                    }
                });
                html = body;
                $('#dynamicValue').prepend(html);
                                $("#formobj").Validform();
            }
        })
    })

datatype也给了(确定给上了),表单也重新验证了,但是还是不起作用,"need2"的类型copy官方的的定义,确认起作用。
Validform版本用的5.3.1,$("#formobj").Validform();可用,说明不缺JS文件。
请各位大佬看看啥问题!

 标签:javascript

讨论这个帖子(1)垃圾回帖将一律封号处理……

Lv5 码农
h***o 交互设计师 6年前#1
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取