struts2+Jquery表单验证

 

 

输入验证：

方法1：A Jquery Inline Form Validation

方法2：jquery.validate（jquery网站的Validation）

---

先使用1，并不使用ajax验证；

 

 

A Jquery Inline Form Validation：

http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

点击"DownLoad"---“Zip”下载示例；---解压缩；

 

 

项目使用：

1，删除languages中除"jquery.validationEngine-en.js"、"jquery.validationEngine-zh_CN.js"而外的语言；

2，项目添加：css和js文件夹；

 

3，页面引入：

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

        <title>JQuery Validation Engine | 输入验证</title>

        <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>

        <link rel="stylesheet" href="css/template.css" type="text/css"/>

        <script src="js/jquery-1.6.min.js" type="text/javascript"></script>

        <script src="js/languages/jquery.validationEngine-zh_CN.js" type="text/javascript" charset="utf-8"></script>

        <script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

        <script>

            jQuery(document).ready(function () {

                jQuery("#form1").validationEngine();

            });

        </script>,

 

4，页面：

<form  id="form1">

<hr/><hr/><hr/>

     <input name="title" class="validate[required,maxSize[20],custom[onlyLetterSp]] text-input"/>

     <input type="submit"/>

</form>

---

使用class，添加验证，就可以了；

 

5，将自定义样式添加到"js/languages/jquery.validationEngine-zh_CN.js"中；

---正则表达式的使用；

 

 

struts2  jquery表单验证；

<s:textfield name="aboutUs.title" label="标题" Class="validate[required,maxSize[20],custom[onlyLetterSp]] text-input"/>

---

Struts2中，css="..."，会被显示为"class="class java.util.HashMap" "，

添加样式需要使用Class或者cssClass；

Jquery验证中的class=""；在struts2中写为Class=""；

 

 

/

 

方法2：jquery.validate（jquery网站的Validation）

Jquery.validate.js下载：http://bassistance.de/jquery-plugins/jquery-plugin-validation/

 

可以将jquery.validate.js中的英文提示改成中文的；