jquery validate用法
2013-05-09 19:35
381 查看
首先在头文件中引入所需要的js文件,对需要验证的<input></input>标签中加入minlength="4",即可限定最少输入个字符。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript" src="../js/jquery-latest.js"></script>
<script type="text/javascript" src="../js/jquery.validate.js"></script>
<script>
$(document).ready(function(){
$("#commentForm").validate();
});
</script>
</head>
<body>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<div>
<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>
<legend>Please Login </legend>
<table>
<tr>
<td><label for="cname">nick</label></td>
<td><em>*</em><input id="nick" name="nick" size="25" minlength="5" maxlength="10"/></td>
</tr>
</table>
<input class="submit" type="submit" value="Submit"/>
</fieldset>
</form>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript" src="../js/jquery-latest.js"></script>
<script type="text/javascript" src="../js/jquery.validate.js"></script>
<script>
$(document).ready(function(){
$("#commentForm").validate();
});
</script>
</head>
<body>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<div>
<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>
<legend>Please Login </legend>
<table>
<tr>
<td><label for="cname">nick</label></td>
<td><em>*</em><input id="nick" name="nick" size="25" minlength="5" maxlength="10"/></td>
</tr>
</table>
<input class="submit" type="submit" value="Submit"/>
</fieldset>
</form>
</div>
</body>
</html>
相关文章推荐
- jquery.validate.min.js 用法方法示例
- jQuery.validate 用法
- jquery validate 的remote用法
- [转]Jquery Validate用法简介
- jQuery Validate插件 reomte用法详解
- jquery.validate.js的基本用法入门
- jquery插件validate里面的remote参数用法
- jquery validate.js表单验证的基本用法入门
- jquery.validate.min.js 用法方法示例
- jQuery.validate 用法
- jquery.validate.js的基本用法入门
- Jquery插件validate的remote的用法
- jquery validate.js表单验证的基本用法入门
- jquery.validate.js的基本用法入门
- jquery validate remote的用法
- Jquery validate 用法
- jquery validate表单验证的基本用法入门
- jquery-validate的用法
- jquery的validate用法小结
- jQuery验证控件jquery.validate.js+jquery.validate.unobtrusive.js的用法