离开WEBFORM 也就离开了大量的前端困境,刚一开始用MVC,真感觉好像在沙漠中行走,很想念以前的控件,都快想死了,很快发现原来JQUERY 有很多插件可以用,只怪自己平时不收集,用的时候才手忙脚乱
jquery.validate.js 主要用来做验证,感觉和.net里面的验证控件差不多,功能有很多,不过常用的还是那个非空和电子邮件格式
html部分
<span id="Tip"></span> <fieldset> <legend>一个简单的带有提示的评论例子</legend> <p> 用来显示错误提示信息的标签 <label for='cusername'>姓名</label> <em>*</em> <input id='cusername' name='username' size='25' /> </p> <p> <label for='cemail'>电子邮件</label> <em>*</em> <input id='cemail' name='email' size='25' /> </p> <p> <label for='curl'>网址</label> <em>*</em> <input id='curl' name='url' size='25' value=''/> </p> <p> <label for='ccomment'>你的评论</label> <em>*</em> <textarea id='ccomment' name='comment' cols='25'></textarea> </p> <p> </p> <input type="submit" value="提交评论" /> </fieldset>
JS部分
$(document).ready(function () { //表单的ID $('#form1').validate({ //验证规则 rules: { //需要验证的ID,为必填,最短长度为3 username: { required: true, minlength: 3 }, email: { required: true, email: true }, url: "url", comment: "required" } }) });