码迷,mamicode.com
首页 > 其他好文 > 详细

Resolved validation conflict with readonly

时间:2017-01-22 19:09:06      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:readonly   bug   round   require   ado   数据   限制   element   stack   

/**
 * 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);
    });
}

 

Resolved validation conflict with readonly

标签:readonly   bug   round   require   ado   数据   限制   element   stack   

原文地址:http://www.cnblogs.com/rgqancy/p/6341016.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!