zoukankan      html  css  js  c++  java
  • Resolved validation conflict with readonly

    /**
     * Bug绕过去方案WorkAround
     * Bug描述:
     * JQuery的Validation的和form的input元素设为readonly,一对不可调和的矛盾:
     * 一个设置为required的input元素,永久设置为readonly,表单提交时,如果该字段值为空,
     * Validation功能就不能正常工作;反之,如果不设置readonly,又没法限制用户胡乱粘贴非法数据。
     * http://stackoverflow.com/questions/26838839/how-can-i-enable-jquery-validation-on-readonly-fields
     * para elementId : 元素名称
     */
    function resolvedValidationConflictWithReadonly(elementId){
        $(document).on("focusin", elementId, function() {
            $(this).prop('readonly', true);
        });
    
        $(document).on("focusout", elementId, function() {
           $(this).prop('readonly', false);
        });
    }
    /**
     * 用于弹框上
     * @param elementId
     */
    function resolvedValidationConflictWithReadonlyParent(elementId){
        //不能改成document
        $parent("body").on("focusin", elementId, function() {
            $(this).prop('readonly', true);
        });
    
        $parent("body").on("focusout", elementId, function() {
           $(this).prop('readonly', false);
        });
    }
  • 相关阅读:
    课下作业--微软拼音输入法评价
    课堂练习--找水王
    第十四周总结
    第一阶段意见评论
    第十三周总结
    梦断代码阅读笔记03
    第十二周总结
    用户模板与用户场景
    2020年寒假假期总结0205
    2020年寒假假期总结0204
  • 原文地址:https://www.cnblogs.com/rgqancy/p/6341016.html
Copyright © 2011-2022 走看看