java使用jquery_validate插件实现文本校验_java关键字validate资源-CSDN文库

共19个文件

js：7个

xml：1个

html：1个

jquery校验

5星 · 超过95%的资源需积分: 9 70 浏览量 2013-03-22 11:30:47 上传评论收藏 56KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

Java_Validation.rar （19个子文件）

Java_Validation

.project 1KB

.mymetadata 318B

src

WebRoot

WEB-INF

classes

lib

web.xml 371B

Validate.html 5KB

jquery_validate

tip

jquery.poshytip.min.js 10KB

jquery.poshytip.js 17KB

tip-yellowsimple

tip-yellowsimple.css 2KB

tip-yellowsimple_arrows.gif 107B

extension.js 5KB

messages_cn.js 1KB

jquery.validate.min.js 21KB

jquery.metadata.js 4KB

jquery-1.8.0.min.js 90KB

META-INF

MANIFEST.MF 36B

.myeclipse

.settings

org.eclipse.wst.jsdt.ui.superType.container 49B

org.eclipse.jdt.core.prefs 330B

org.eclipse.wst.jsdt.ui.superType.name 6B

.jsdtscope 500B

.classpath 362B

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Validate.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>  <script type="text/javascript" src="js/jquery_validate/jquery.metadata.js"></script> <script type="text/javascript" src="js/jquery_validate/jquery.validate.min.js"></script> <script type="text/javascript" src="js/jquery_validate/messages_cn.js"></script> <script type="text/javascript" src="js/jquery_validate/extension.js"></script> <script type="text/javascript" src="js/jquery_validate/tip/jquery.poshytip.js"></script> <link rel="stylesheet" href="js/jquery_validate/tip/tip-yellowsimple/tip-yellowsimple.css" type="text/css" /> <script> $(function() { // 校验提示tip准备 $('input, select, textarea').poshytip( { className : 'tip-yellowsimple', showOn : 'none', alignTo : 'target', alignX : 'right', alignY : 'center', offsetX : 5 }); // 表单校验属性设置 $.metadata.setType("attr", "validate"); // 表单校验 var validate = $("#form1").validate( { success : function(label) { }, // 注意！这句不能删除 errorPlacement : function(error, element) { if (error.text() == '') { element.poshytip('update', error.text()); element.poshytip('hide'); } else { element.poshytip('update', error.text()); element.poshytip('show'); } } }); $('#btnSubmit').click(function() { if (validate.form()) { alert('ok'); } }); }); </script> <style> input,select,textarea { border: 1px solid #aaa; } tr { height: 30px; } </style> </head> <body> <form id="form1" name="form1" action="#" method="post"> <table> <tr> <td width="100"> <label> 用户姓名： </label> </td> <td> <input type="text" id="username" name="username" validate="{required: true, rangelength: [3, 16]}" /> <b>*</b> <span>用户姓名为3-16个字符</span> </td> </tr> <tr> <td> <label> 密码： </label> </td> <td> <input type="password" id="pass" name="pass" validate="{required: true, rangelength: [6, 16]}" /> <span>最小长度:6 最大长度:16</span> </td> </tr> <tr> <td> <label> 确认密码： </label> </td> <td> <input type="password" id="repass" name="repass" validate="{required: true, rangelength: [6, 16], equalTo: '#pass'}" /> </td> </tr> <tr> <td> <label> 性别： </label> </td> <td> <input type="radio" id="sex_0" name="sex" value="1" validate="{required: true}" /> 男      <input type="radio" id="sex_1" name="sex" value="0" /> 女 </td> </tr> <tr> <td> <label> E-mail： </label> </td> <td> <input type="text" id="email" name="email" validate="{required: true, email: true}" /> </td> </tr> <tr> <td> <label> 固定电话： </label> </td> <td> <input type="text" id="tel" name="tel" validate="{required: true, isTel: true}" /> <span>格式如：0731-12345678</span> </td> </tr> <tr> <td> <label> 手机号码： </label> </td> <td> <input type="text" id="phone" name="phone" validate="{required: true, isMobile: true}" /> </td> </tr> <tr> <td> <label> 网站： </label> </td> <td> <input type="text" id="url" name="url" value="http://" validate="{required: true, url: true}" /> <a>选择</a> <b>*</b> </td> </tr> <tr> <td> <label> 出生日期： </label> </td> <td> <input type="text" id="birthday" name="birthday" validate="{required: true, dateISO: true}" /> <span>格式如：1990-10-01</span> </td> </tr> <tr> <td> <label> 工作年限： </label> </td> <td> <textarea id="years" name="years" validate="{required: true, digits: true, range: [1, 40]}"></textarea> <a>选择</a> <b>*</b> <span>工作年限请输入整数哦</span> </td> </tr> <tr> <td> <label> 身份证号码： </label> </td> <td> <input type="text" id="idcard" name="idcard" validate="{required: true, isIdCardNo: true}" /> </td> </tr> <tr> <td> <label> 邮政编码： </label> </td> <td> <input type="text" id="zipcode" name="zipcode" validate="{required: true, isZipCode: true}" /> <a>选择</a> <b>*</b> </td> </tr> <tr> <td> <label> 上传头像： </label> </td> <td> <input type="file" id="photo" name="photo" validate="{required: true, accept: 'gif|jpg|png'}" /> <span>头像为jpg,gif或者png格式的图片</span> </td> </tr> </table> <div> <input type="button" id="btnSubmit" value="普通button提交" /> </div> </form> </body> </html>

评论收藏

内容反馈