easyui window open form disableValidation

easyui window.open打开一个界面,这个界面里面有表单,我想默认表单不出现验证的css效果,于是加上disableValidation属性

可是,发现无效

经过调试发现,

$(function () {

//debugger;

$("#frmChangePwd").form("disableValidation");

})

在加载完成时,查看innerHTML 他里面文本控件还是 原始的class="easyui-validatebox" ,而不是解析成class="easyui-validatebox validatebox-text" ,估计是对应的easyui的js尚未加载完毕,只是document元素加载完毕了,所以跟踪到底层是发现 context.querySelectorAll("[id=‘frmChangePwd‘]  validatebox-text") 是查不到元素的。

于是我将每个textbox的novalidate属性设置为true,data-options="novalidate:true" 然后在提交的时候,再改表单的属性,$("#frmChangePwd").form("enableValidation")。

当然应该通过判断所有的js运行完毕,再执行 $("#frmChangePwd").form("disableValidation"); 应该也可以。觉得麻烦,所以采用了上面的方法。



easyui window open form disableValidation,布布扣,bubuko.com

时间: 2024-08-05 11:00:17

easyui window open form disableValidation的相关文章

jQuery EasyUI window窗口实例

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jQuery EasyUI window窗口</title> <link rel="stylesheet" id="easyuiTheme" type="text/css" href="/themes/default/eas

EASYUI 表单(FORM)用法

http://blog.sina.com.cn/s/blog_3ecf39a70102ux8x.html 1,ajax提交只是简单的异步和文本提交.提交的数据需要序列化或程序指定.同时,数据也需要自己验证.如果使用easyui的验证组件validatebox,则需要在提交前调用,如下: if ($("#formname").form("validate")){ $.ajax(......) } 2,easyui的form提交也可以实现无刷新提交,而且可以提交file

easyui window窗口 随body的滚动条 滚动

问题描述: 当easyui window窗口弹出的时候,依然可以滚动body 的滚动条,而且window窗口也会随它一起滚动 思路:bootstrap 模态框弹出的时候,给body 添加了 .modal-open .modal-open {  overflow: hidden; } 当模态框关闭的时候,remove  .modal-open 解决方法; $('#trafficDetailWrap').window({ width: 600, height: 400, modal: true, o

修正EasyUI的BUG——Form中存在FileBox时的数据加载错误

使用EasyUI加载服务端返回的数据时常用 $('#fm').form('load', row); 实现,既方便又简洁,但是,当Form中包含有FileBox时,代码就会报错,经过跟踪发现,因为EasyUI试图向隐藏的文件标签<input type="file">赋值,导致了错误.其源代码如下: initValue: function(jq, _4d9) { return jq.each(function() { var _4da = $.data(this, "

JQuery EasyUI window 用法

JQuery代码 var $win; $win = $('#test-window').window({ title: '添加课程设置信息', width: 820, height: 450, top: ($(window).height() - 820) * 0.5, left: ($(window).width() - 450) * 0.5, shadow: true, modal: true, iconCls: 'icon-add', closed: true, minimizable:

jquery easyui window或者dialog没有关闭图标是怎么回事

笔者也遇到这个问题: 解决方案: 在dataoption处加入 data-options="iconCls:'icon-save',minimizable:false,tools:[]" 或者在配置处加入 $('.Backwin').window({     title: '添加菜单',     width: 650,     height: 400,     href: '/system/menu/index',     modal: true,     tools:[], });

easyUI中的form表单

首先创建form表单,并在form表单上创建id便于执行表单验证 <form id="form1"action="" method="post" > 用户名:<input class="easyui-textbox" style="width:200px" data-options=" required:true,validType:'length[2,10]' "&g

easyui 查询条件form 数据遍历

columns:[[     {field:'ck',checkbox:true,id:'ck'},      {field:'id',hidden:true,title:'id'},      {field:'action',title:'操作',align:'center',formatter:formatAction},           {field:'packetnum',title:'红包编码'},           {field:'isdisable',title:'启用状态'

Easyui Ajax验证Form表单。。。

????今天做项目用到easyui Ajax验证表单.本想自定义一个easyui的验证,查资料发现easyui 自带了一个通用的验证!见以下下截图. 后台返回值 true验证通过,返回false验证失败.