您的位置：首页 > Web前端 > JQuery

jQuery.Validator Sample

2016-03-11 13:39 621 查看 
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="./js/jquery-1.11.3.min.js"></script>
<script src="./js/jQuery-validation//dist/jquery.validate.min.js"></script>
</head>
<body>
<script>
$.validator.setDefaults({
submitHandler: function() {
alert("提交事件!");
}
});
$().ready(function() {
$("#commentForm").validate();
});
</script>

<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>
<legend>输入您的名字，邮箱，URL，备注。</legend>
<p>
<label for="cname">Name (必需, 最小两个字母)</label>
<input id="cname" name="name" minlength="2" type="text" required>
</p>
<p>
<label for="cemail">E-Mail (必需)</label>
<input id="cemail" type="email" name="email" required>
</p>
<p>
<label for="curl">URL (可选)</label>
<input id="curl" type="url" name="url">
</p>
<p>
<label for="ccomment">备注 (必需)</label>
<textarea id="ccomment" name="comment" required></textarea>
</p>
<p>
<input class="submit" type="submit" value="Submit">
</p>
</fieldset>
</form>
</body>
</html>


结果



jQuery Validator的源码里有这么一段



然后在插件的localization路径下有不同语言版本的message，



引入不同的meessages的js文件可以覆盖掉源码当中的英文，最终实现不同语言版本的提示。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航