Client Side JavaScript Validation
Struts Validator Framework provides an easy-to-use mechanism for performing client-side validation. It's very useful to validate some fields on the client-side before sending the data to the server for processing. By this way we can ensure that the data send to the server is valid. Performing validations on the client-side save the user a round trip time to the server.
For each validation routine defined in the validation-rules.xml file Struts provides an optional JavaScript code that can run on the client-side to perform the same validation that takes place on the server side.
Let's take a login application for our example. Our LoginForm extends DynaValidatorForm.
1.
2.
3.
4.
The following validations are defined in the validation.xml file.
01.
02.
03.
04.
05.
06.
07.
08.
09. minlength
10. 6
11.
12.
13.
To enable client-side validation you have to place the Struts HTML Tag Library's javascript tag in each jsp page for which you need to preform client-side validation.
01.
02.
03.
04.JS Validation
05.
06.
07. >
08.
09. User Name :
10. Password :
11.
12.
13.
14.
The formName property of the javascript tag hold the name of the form specified in the validation.xml file.
Next step is to specify the onsubmit attribute of the HTML Tag Library's form tag. The onsubmit attribute is used to specify the javascript code that should be executed when the form is submitted.
The name of the validate method generated by the javascipt tag is formed by concatenating "validate" with the name of the form specified in the javascript. For example, our form name is "LoginForm" so the generated method name will be "validateLoginForm". If the form name is "loginForm", the generated method name will be "validateLoginForm"
Run the application. The login.jsp page will be displayed. Click the login button without entering t
相关文档:
// 保存Cookie
function saveCookie(name, value, expires, path, domain, secure){
var strCookie = name +& ......
页面屏蔽了回车,结果多行输入的Textbox悲剧了,只能用js重写回车事件,备份一下
pageload里
txt_eng.Attributes.Add("onkeypress", "enter(this)");
js:
function enter(obj) {
if (event.keyCode == 13) {
&nb ......
//Textarea maxlength
//flag:text框名字,num:限制的字节数
function maxLen(flag,num){
if(document.getElementById('lastMessage').value=="0" || document.getElementById('lastMessage').value==flag){
var i=document.getElementById(flag).value.replace(/[\u0 ......
function getCookies(name)
{
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null) return unescape(arr[2]); return '';
}
function setCookie(name, value, expires,
function getCookies(name)
{
var a ......