easyui 验证 bug

发布于 2022-09-04 17:39:00 字数 3105 浏览 20 评论 0

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>bug for </title>
    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <script type="text/javascript" src="../../jquery.min.js"></script>
    <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
<form method="post" id="form">
    <!-- <input type="" name="" class="inputTest"> -->
    <div class="fl">
        <select>
            <option value="" selected="">《请选择》</option>
            <option value="apple">苹果</option>
            <option value="orange">橙子</option>
        </select>
    </div>
    <button id="btn">submit</button>
</form>
<script type="text/javascript">
    $.extend($.fn.validatebox.defaults.rules, {
            md: {
                validator: function(value, param){
                    var d1 = $.fn.datebox.defaults.parser(param[0]);
                    var d2 = $.fn.datebox.defaults.parser(value);
                    return d2<=d1;
                },
                message: 'The date must be less than or equals to {0}.'
            },
            isExist:{
                validator: function(value, param){
                    return value!='';
                },
                message: 'go head'
            },
            minLength: {    
                validator: function(value, param){    
                    return value.length >= param[0];    
                },    
                message: 'Please enter at least {0} characters.'   
            },
            typeIsDif:{
                validator:function(value){
                    return value;
                },
                message:'sb men'
            }  
        });
</script>
<script type="text/javascript">
    $('.fl').find('select').validatebox({
        required:true
    });
    $('.fl').find('select').change(function(){
        if($(this).val()){
            selectFun($(this));
        }
    });
    function selectFun($container){
        console.log($container);
        $container.validatebox({
            required:false,
            validType:'typeIsDif'
        });
    }
    $('.fl').clone(true).insertAfter('.fl');
    $('#btn').click(function(){
        var opts = $('.fl:eq(0)').find('select').validatebox('options');
        var opts2 = $('.fl:eq(1)').find('select').validatebox('options');
        console.log(opts,opts2);
        if($('#form').form('validate')){
            console.log('true');
            return false;
        }else{
            console.log('false');
            return false;
        }
    });
</script>
</body>
</html>

选择其中的一项,然后 btn 事件,然后2项的值
validType:"typeIsDif" ,所以验证成功 !

Q:请问为什么我只选择了一项,却赋值2个

http://www.jeasyui.com/downlo... easyui下载,下载完进入demo文件夹,替换一个文件即可。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文