jquery的validate控件,提交后不返回错误信息

sspanzervor1 2018-04-23 04:14:05
如下图的代码,使用 jquery的validate控件,我从网上找的下面代码,如果条件不满足,应该在label标签后面附加上错误信息,但实际执行时,没有任何点击提交按钮没有任何反应,请各位前辈帮忙看看是何问题,应该如何解决?非常感谢!



<script src="jquery-ui-1.9.2.custom/js/jquery-1.8.3.js"></script>
<script src="jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="jquery-ui-1.9.2.custom/development-bundle/ui/jquery.ui.datepicker.js"></script>
<script src="jquery/dist/jquery.validate.min.js"></script>


//表单验证
$(document).ready(function(){
$("#frm1").validate ({
debug: true,
//ignore:"#slt_rtype",
//ignore:"#slt_rnum",
errorPlacement: function(error, element) {
// Append error within linked label
$( element )
.closest( "form" )
.find( "label[for='" + element.attr("id") + "']" )
.append( error );
},
errorElement: "<span>",
rules: {
slt_rtype:"required",
slt_rnum:"required",
txt_cname:"required",
txt_cMRN: "required"
},
message: {
slt_rtype:"请选择",
txt_cname: "请输入客人姓名",
txt_cMRN: "请输入MRN"
}
})
});



<form class="InputForm" id="frm1" name="frm1" method="post">
<ul>
<li>
<h2>新增房态记录</h2>
<span>* 为必填项</span>
</li>
<li>
<label for="lbl_rtype">房型与房号(必选):</label>
<select id="slt_rtype" name="slt_rtype" size="1" onChange="changelocation(this.value);">
<%
set rs=db.execute("select * from t_ward_type order by c_ward_typeid")
if rs.eof then
%>
<option selected value="">无房型分类</option>
<% else%>
<option value="0">请选择房型分类</option>
<% do while not rs.eof
%>
<option value="<%=cint(rs("c_ward_typeid"))%>"><%=rs("c_ward_typename")%></option>
<% rs.movenext
loop
end if
%>
</select>

<select id="slt_rnum" name="slt_rnum" size="1">
<option selected value="">未选择房型信息</option>
</select>
</li>

<li>
<label for="lbl_cname">客户姓名(必填):</label>
<input type="text" id="txt_cname" name="txt_cname" />
</li>
<li>
<label for="lbl_cMRN">MRN编号(选填):</label>
<input type="text" id="txt_cMRN" name="txt_cMRN" />
</li>
<li>
<label for="lbl_action">新增项目类别(必填):</label>
<select id="slt_action" name="slt_action">
<option>预定</option>
<option>入住</option>
<option>取消</option>
</select>
</li>
<li>
<label for="lbl_idate">起始日期(必填):</label>
<input type="text" id="txt_idate" name="txt_idate" readonly />
</li>
<li>
<label for="lbl_iperiod">期间(必填):</label>
<input type="text" id="txt_iperiod" name="txt_iperiod" />
</li>
<li>
<label for="lbl_remark">备注:</label>
<textarea id="txt_remark" name="txt_remark" cols="40" rows="6"></textarea>
</li>
<li>
<input type="submit" id="submit" name="submit" value="提交">
</li>
</ul>
</form>
...全文
683 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
sspanzervor1 2018-04-24
  • 打赏
  • 举报
回复
请各位前辈高手指教,不胜感激!

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧