JQuery表单验证DEMO

源码下载地址:http://download.csdn.net/source/3268039

一.MyValidator实现的功能：

 

1.提示功能（在表单或者其他标签中加入tip="想提示的文字"）

     如：

    <input name="flightno" type="text" id="flightno" test="NotNull" tip="请输入用户名" />

2. 普通表单验证（在表单中加入test="正则类型")    

    如：

<input name="floatNum" type="text" id="floatNum" test="Chinese" tip="只允许中文字符" /> 

 

 

二.如何编写自己的MyValidator：

 

1.首先在JSRegular.js文件中写一个自己所需的正则表达式

如:

//电话号码格式验证
function IsPhoneNumber(obj) {
    return (/^/d{3}-/d{8}$|^/d{4}-/d{7}$/).test(obj);
}

 

2.JSCheck.js文件的isCorrect函数中放一个调用中用的一参数

 

case "PhoneNumber":
            isOK = IsPhoneNumber(obj);
            break;

 

3.页面调用

 如：

    <input name="str" type="text" id="str" test="PhoneNumber" tip="国内电话号码，格式: 0832-4405222 或 021-87888822" />

 

其中test是显示的正则类型，tip就是所需要的提示信息了

 

       到了这里大家会说了，现在网上已经有了jquery表单验证的插件了，为什么还要自己重新写一个呢，岂不麻烦，其实不是的，首先一点的说它的显示方式是在文框的下面，会影响页面的布局，而网上提供的只是一些常用的验证方式，这样就显得不方便使用。而我这边的显示方式是可以自己重新编jquery来显示的具体的请查看JSShowType.js.由于小弟也是刚刚学Jquery，还有ajax验证方式没写，有时间我会去把它一一完善，希望有错误的地方，大家多多指证批评。

 

源码下载地址:http://download.csdn.net/source/3268039

网上提供的验证插件:http://bassistance.de/jquery-plugins/jquery-plugin-validation/