webwork的客户端javascript校验器和普通校验器

已有但不采用的JavaScript验证:
邮件:规则不好
url :规则不好
int范围:没有实现检测是否int类型

date范围 (没实现)


已有的符合要求的JavaScript验证:
*必填字段
*必填字符串 (可设置是否去掉空格) ---需要实现JS的trim



要实现的JavaScript验证: (对应:表示是否有普通的检测器)
1.integer (包含plusint,short,byte)
  检测:字符串格式,范围,类型
  属性:最大,最小,类型(int,plusint,short,byte)
 
  对应:有,实现检测最大最小,是否满足类型要求
 

2.float
  检测:字符串格式,范围
  属性:最大,最小
 
  对应:有
 

3.字符串长度
  检测:范围
  属性:最大,最小,类型(多字节语言/普通) 
  对应:有
 
  注:类型多字节语言适用于多字节的字符保存到单字节设置的数据库里,否则用普通
 

4.select
  检测:多少
  属性:最少,最多
 
  对应:有?

5.checkbox,radio
    检测:多少
属性:最小 最少 

对应:有?

6.datamask数据格式(其他浏览器是否支持?)
检测:格式
属性:DataMask格式

对应: ??

7.邮件
检测:格式

对应:有

8.网址
检测:格式

对应:有

9.26个字母
检测:格式

对应:有

10.基础ascii字符
检测:格式

对应:有

11.日期
检测:格式,范围
属性:最大,最小

对应:有


12.日期时间
检测:格式,范围
属性:最大,最小

    对应:有

1.integer检测器的实现

package com.jscud.www.validator;

import com.opensymphony.xwork.validator.ValidationException;
import com.opensymphony.xwork.validator.validators.FieldValidatorSupport;

/**
 * Integer的范围检测.
 * 
 * @author scud
 *
 */
public class IntegerValidator extends FieldValidatorSupport
{

    //最大值
    Integer maxnum = null;
    //最小值
    Integer minnum = null;
    //数据类型:int,plusint,short,byte,考虑支持long
    String datatype = "int";

    public void validate(Object object); throws ValidationException
    {
        String fieldName = getFieldName();;
        
        Integer val = (Integer); getFieldValue(fieldName, object);;

        //如果要检测必填,使用required检测器
        if (val == null); 
        {
            return;
        } 
        else 
        {
            //此检测器肯定会有最小值和最大值,所以用else if
            if (( null!=getMinnum(); ); && (val.intValue(); < getMinnum();.intValue(););); 
            {
                addFieldError(fieldName, object);;
            }
            else if (( null!=getMaxnum(); ); && (val.intValue(); > getMaxnum();.intValue();););  
            {
                addFieldError(fieldName, object);;
            }
        }
    }

    /**
     * @return Returns the datatype.
     */
    public String getDatatype();
    {
        if (null == datatype);
        {
            datatype = getDefaultDataType();;
        }
        return datatype;
    }

    /**
     * @param datatype The datatype to set.
     */
    public void setDatatype(String datatype);
    {
        this.datatype = datatype;
    }

    /**
     * @return Returns the maxnum.
     */
    public Integer getMaxnum();
    {
        if(null==maxnum);
        {
            maxnum = new Integer(getDataTypeMaxNum(getDatatype();););;
        }

        return maxnum;
    }

    /**
     * @param maxnum The maxnum to set.
     */
    public void setMaxnum(Integer maxnum);
    {
        this.maxnum = maxnum;
    }

    /**
     * @return Returns the minnum.
     */
    public Integer getMinnum();
    {
        if(null==minnum);
        {
            minnum = new Integer(getDataTypeMinNum(getDatatype();););;
        }
        return minnum;
    }

    /**
     * @param minnum The minnum to set.
     */
    public void setMinnum(Integer minnum);
    {
        this.minnum = minnum;
    }

    /**
     * 缺省数据类型
     * @return
     */
    protected String getDefaultDataType();
    {
        return "int";
    }

    /**
     * 得到某种类型的最大值
     * @param sDatatype
     * @return
     */
    protected int getDataTypeMaxNum(String sDatatype);
    {
        if (null == sDatatype);
        {
            sDatatype = getDefaultDataType();;
        }

        if (sDatatype.equalsIgnoreCase("byte"););
        {
            return 127;
        }
        else if (sDatatype.equalsIgnoreCase("short"););
        {
            return 32767;
        }
        else
        {
            return 2147483647;
        }

    }

    /**
     * 得到某种类型的最小值
     * @param sDatatype
     * @return
     */
    protected int getDataTypeMinNum(String sDatatype);
    {
        if (null == sDatatype);
        {
            sDatatype = getDefaultDataType();;
        }

        if (sDatatype.equalsIgnoreCase("byte"););
        {
            return -128;
        }
        else if (sDatatype.equalsIgnoreCase("short"););
        {
            return -32768;
        }
        else if (sDatatype.equalsIgnoreCase("plusint"););
        {
            return 0;
        }
        else
        {
            return -2147483648;
        }

    }

}

Javascript检测的: (为了简单,自己要包含checkform.js在文件里,否则代码太多)

package com.jscud.www.validator;

import java.util.Map;

import com.opensymphony.webwork.validators.ScriptValidationAware;


/**
 * 检测是否integer.必须自己包含checkform.js
 * 
 * @author scud
 *
 */
public class JSIntegerValidator extends IntegerValidator implements
        ScriptValidationAware
{

    /* javascript
     */
    public String validationScript(Map parameters);
    {
        String field = (String); parameters.get("name");;
        StringBuffer js = new StringBuffer();;

        js.append("value = form.elements['" + field + "'].value; \n");;
        
        js.append("if ( !validateInteger(value); ");;
        
        if(null!=getMaxnum(););
        {
            js.append(" && !validateIntMax(value,");;
            js.append(getMaxnum(););;
            js.append("); ");;
        }
        if(null!=getMinnum(););
        {
            js.append(" && !validateIntMin(value,");;
            js.append(getMinnum(););;
            js.append("); ");;
        }

        js.append(	" ); { \n");;
        js.append("\t alert('" + getMessage(null); + "');; \n");;
        js.append("\t return '" + field + "'; \n");;
        js.append("} \n");;
        js.append("\n");;
        

        return js.toString();;

    }
    
}

第一个检测器用到的checkform.js的内容

//是否为合法数字:不支持-0x
function isAllDigits(argvalue);
{
    argvalue = argvalue.toString();;
    var validChars = "0123456789";
    var startFrom = 0;
    if (argvalue.substring(0, 2); == "0x");
    {
        validChars = "0123456789abcdefABCDEF";
        startFrom = 2;
    }
    else if (argvalue.charAt(0); == "0");
    {
        validChars = "01234567";
        startFrom = 1;
    }
    else if (argvalue.charAt(0); == "-");
    {
        startFrom = 1;
    }

    for (var n = startFrom; n < argvalue.length; n++);
    {
        if (validChars.indexOf(argvalue.substring(n, n + 1);); ==  - 1);
            return false;
    }
    return true;
}



//检测integer,plusint,byte,short
function validateInteger(aInt);
{
	if(aInt.length==0); return true;

    if (!isAllDigits(aInt););
    {
        return false;
    }
    else
    {
        var iValue = parseInt(aInt);;
        if (isNaN(iValue); );
        { return false; }
    }
    return true;
}

function validateIntMax(aInt,aMax);
{    
    var fValue = parseInt(aInt);;
    if (fValue > aMax);
    {
    	return false;
    }
    return true;
}

//检查一个Int的范围
function validateIntMin(aInt,aMin);
{
    var fValue = parseInt(aInt);;
    if (fValue < aMin );
    {
    	return false;
    }
    return true;
}

这么麻烦干什么? 扩展一个正则表达式的校验不就搞定所有的了么?

既然如此,那我不发了 嘿嘿

但是对你的想法我持保留意见,而且我想我应该不会用一个校验器来对付所有的检测,正则表达式不是人人都熟悉的,尽管我很熟悉perl的正则表达式.

偶的意思是先写一个正则表达式的校验器, 你熟悉它, 那么当然直接用表达式来校验, 比如email:

<field name="email">
    <field-validator type="regexp">
        <param name="expression">(\w[-._\w]*\w@\w[-._\w]*\w\.\w{2,3})</param>
        <message>Not a valid email address</message>
    </field-validator>
</field>

你也可以扩展这个校验器, 把这个一堆符号放在代码里, 不懂regexp的人, 就可以这样直接调用:

<field name="email">
    <field-validator type="emailregexp">
        <message>Not a valid email address</message>
    </field-validator>
</field>

而不是像现在这样做一堆重复代码......

我没仔细研究过javascript里面的正则表达式

但是我觉得他们可能有些不一样

所以如果一个校验器既用来在服务器端校验又用来在客户端校验,用到的表达式可能有些不一样. (写2个? 也许可以 )

同时考虑的问题还有一些客户端的兼容性问题...所以不敢全部用正则表达式.

正则表达式还会不一样? 不都是一个标准么?

public class RegexpFieldValidator extends FieldValidatorSupport {
    private String expression;

    public void validate(Object object); throws ValidationException {
        String fieldName = getFieldName();;
        Object value = this.getFieldValue(fieldName, object);;
        // if there is no value - don't do comparison
        // if a value is required, a required validator should be added to the field        
        if (value == null);
            return;
        if (!(value instanceof String); || !((String); value);.matches(expression);); {
            addFieldError(fieldName, object);;
        }
    }

    public String getExpression(); {
        return expression;
    }

    public void setExpression(String expression); {
        this.expression = expression;
    }
}

扩展一下, 就具备了客户端校验的能力了:

public class JavaScriptRegexpFieldValidator extends RegexpFieldValidator implements ScriptValidationAware {
    public String validationScript(Map parameters); {
        String field = (String); parameters.get("name");;
        StringBuffer js = new StringBuffer();;
        
        js.append("value = form.elements['" + field + "'].value;\n");;
        js.append("if (value != \"\" && !value.match(/" + getExpression(); + "/);); {\n");;
        js.append("\talert('" + getMessage(null); + "');;\n");;
        js.append("\treturn '" + field + "';\n");;
        js.append("}\n");;
        js.append("\n");;

        return js.toString();;
    }

}

应该有不一样的东西 微软总是喜欢搞点不一样的东西

这种表达式的方法可能只能检测格式,检测范围可能做不到吧.


我原来的邮件,网址,26个字符,日期类型等都是用正则表达式检测的

另:我参考了一些struts使用的方法的函数
   我想struts没全使用正则表达式也有一些道理吧(我没研究过)

多谢 scud, 这正是 webwork 所欠缺的，希望能看到下文。

正则表达式好像没什么标准，perl做的比较强所以都照着做，至于做到什么程度，恐怕是各有不同。另外，正则表达式比较适合对格式的检测和取样，其他的就要结合脚本了。