刚刚编写页面代码的过程中遇到如下问题,耽误了不少时间特将过程记录如下:
页面代码片段如下:
<form id="mHonorAllowanceForm" action="" method="post">
<fieldset>
<table style="font-size:12; width:1000px; border-style:outset">
<tr>
<td>姓名:</td>
<td><input name="ipt_mHonorAllowanceForm_xm" id="ipt_mHonorAllowanceForm_xm" style="width:120px" class="easyui-validatebox" required="true"/></td>
<td>联系电话:</td>
<td><input style="width:120px" id="ipt_mHonorAllowanceForm_lxdh" name="ipt_mHonorAllowanceForm_lxdh" class="easyui-validatebox" required="true"/></td>
</tr>
<tr>
<td>身份证号:</td>
<td><input name="ipt_mHonorAllowanceForm_sfzh" id="ipt_mHonorAllowanceForm_sfzh" class="easyui-validatebox" required="true" /></td>
<td>劳模类别:</td>
<td><input name="ipt_mHonorAllowanceForm_lmlb" id="ipt_mHonorAllowanceForm_lmlb" class="easyui-validatebox" required="true"/></td>
</tr>
说明:意思是姓名,联系电话,身份证号,劳模类别必填(其中的劳模类别是下拉框);
form提交时验证:
$("#mHonorAllowanceForm").form('submit',{
onSubmit:function(){
if($("#mHonorAllowanceForm").form('validate')){
json = buildmHonorAllowanceReg();
但是填完所有的数据后,页出错
后测试得知是html代码有问题,easyui中的下拉框控件(combobox),日期控件(datebox)在写class值的时候不能通用validatebox,
将上面的html代码中劳模类型修改如下:
<input name="ipt_mHonorAllowanceForm_lmlb" id="ipt_mHonorAllowanceForm_lmlb" <span style="color:#ff0000;">class="easyui-combobox"</span> required="true"/>