jquery.validate使用时遇到的问题

前端之家收集整理的这篇文章主要介绍了jquery.validate使用时遇到的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

问题一:

<form id="registerForm" method="get" action="">

required="true" data-rule-rangelength="[2,10]" data-msg-required="用户名不能为空" data-msg-rangelength="用户名长度必须是2到10个字符">

看了之前的别人写的文章,貌似是依赖jquery.Metadata.js这个库,然后写的时候以 class=”required email” 这样的形式来写,这样写起来好像有些乱,class本身是呈现样式的,现在被附上各种校验的规则,看上去似乎有些乱,不过好在新版本中,又有了新的写法,不依赖上面的js库,以 data-rule-验证规则、data-msg-提示信息 这样的格式来重新定义,更简单,更直观,更强大了。上面的测试通过

我的版本的jquery.validate1.13.js

然后这样的写法,控件中的messages不会生效,还会报错:Cannot read property 'call' of undefined 园子里面很多jquery.validate文章提到可以使用,我看是版本过时了,反正我没有试验出来。还有就是将验证卸载class里面我也是醉了。下面的测试错误

无<a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>文档
<script type="text/javascript" src="jquery.validate.message_cn.js">
<script type="text/javascript" src="jquery.Metadata.js">
<script type="text/javascript">
$(function(){
$.Metadata.setType("attr","validate");
$("#signupForm").validate();
//$("#signupForm").validate({ Meta: "validate" });
//$("#commentForm").validate();
})

问题二:jQuery_validate配置后无论怎样都看不到提示信息。

原因:submit()了二次。

例子:

<%@ taglib prefix="s" uri="/struts-tags" %> jquery test

猜你在找的jQuery相关文章