最近在做一个新项目,项目中用到了jQuery easyui,这个前台UI框架真的是很好用。有兴趣的可以参考官方网站,里面的文档中有详细的介绍,直接拷贝文档中的代码就可以使用了。
jQuery easyui
今天要记录的问题是,当使用jQuery easyui的form提交时,居然提交不了,切控制台和浏览器上都没有任何的错误提示。一般我遇到这种问题,都是采取删减法,即将页面上的元素标签全部删除,然后一点一点添加上去,逐次判断到底是哪个元素的问题。最终发现是因为form表单中有一个datebox元素,然后该输入框有一个属性添加上了,导致整个表单提交不了,去掉该属性就ok了。
去掉前:
<input id="dRetime" name="dRetime" type="text" class="easyui-datebox" **required="required"**>
去掉后:
<input id="dRetime" name="dRetime" type="text" class="easyui-datebox">
此外,今天还遇到个问题是,当使用form的load方法时,将表格中数据加载到表单上时,如果字段大小写不一样,会导致数据没法加载成功。
/* 注 : 此时js脚本中有如下代码:*/
$(function(){
easyloader.load(['validatebox'], function(){
$('#constant_form input').each(function () {
if ($(this).attr('required') || $(this).attr('validType'))
$(this).validatebox();
});
});
});
且 input 标签中有easyui-validatebox,这是可以把easyui-validatebox 这个css样式类去掉,表单也可以提交完成。
<input type="text" id="aksTime" name="aksTime"
class="easyui-validatebox easyui-datetimebox ldb-input"
data-options="required:true"/>