標籤：jquery
1、首先需要匯入js包和css包：http://download.csdn.net/detail/l294333475/7816951
2、index.jsp（測試頁面）
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>jquery驗證</title> <script src="<%=basePath%>js/jquery-1.11.1.min.js"></script> <script src="<%=basePath%>js/validate/jquery.validationEngine.js"></script><script src="<%=basePath%>js/validate/jquery.validationEngine-zh_CN.js"></script><script src="<%=basePath%>js/validate/validate.js"></script><link rel="stylesheet" href="<%=basePath%>js/validate/validationEngine.jquery.css" type="text/css"></link> <link rel="stylesheet" href="<%=basePath%>js/validate/template.css" type="text/css"></link> </head> <body> <div style="margin-top: 100px"></div> <form id="checkInfoForm" action="" method=""><!-- 此處的id可以自己設定，在validate.js中修改 --> 姓名：<input type="text" class="validate[required]"> 年齡：<input type="text" class="validate[required],min[1],max[100],custom[integer]"> 英文名稱：<input type="text" class="validate[required,custom[onlyLetterSp]]"> WEB網域名稱：<input type="text" class="validate[required,custom[url]]"> 組織機構代碼：<input type="text" class="validate[required,custom[orgNum]]"> <br><br><br><br><br> 連絡方式：<input type="text" class="validate[required,custom[phone]]"> 社會安全號碼：<input type="text" class="validate[required,custom[personalCard]]"> 電子郵件：<input type="text" class="validate[required,custom[email]]"> 郵遞區號：<input type="text" class="validate[required,maxSize[6],custom[onlyNumberSp]]"> </form> </body></html>validate.js:（可根據自己要求修改）
$(document).ready(function() {/** * 確認資訊驗證 */jQuery("#checkInfoForm").validationEngine();/** * 自訂資訊驗證 */jQuery("#applyForm").validationEngine({'custom_error_messages': {'#txtKeyNum': {'min': {'message': "請至少輸入一把電子鑰匙數量"}},'#fileSeal': {'required': {'message': "請上傳一個印章圖片檔案"}},'#fileSign': {'required': {'message': "請上傳一個簽名圖片檔案"}}}}); });jquery表單驗證
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
