Jquery easyui中的有效性检查

使用过程中的一积累，备查。

EasyUI 验证框使用方法:

//***************************

missingMessage：未填写时显示的信息

validType：验证类型见下示例

invalidMessage：无效的数据类型时显示的信息

required="true" 必填项

class="easyui-validatebox" 文本验证

class="easyui-numberbox" 数字验证

*****************************//

0、调用数据验证方法

return $("#form1").form('validate');

示例： <asp:Button ID="btn_Save" runat="server" Text="保存" OnClick ="btn_Save_Click" OnClientClick="return $("#form1").form('validate');" />

1、验证是否必填 class="easyui-validatebox" missingMessage="xxx必须填写"

2、验证字符串长度 class="easyui-validatebox" missingMessage="xxx必须填写少于10个字符"

validType="length[0,2]" invalidMessage="不能超过2个字符！"

示例：

3、验证数字必须是5.5-20之间

precision="2"表示是2为小数

class="easyui-numberbox" min="5.5" max="20" precision="2" required="true" missingMessage="必须填写5.5~10之间的数字"

4、验证必须是日期yyyy-MM-dd（只能选择不可编辑）

var y = date.getFullYear();

var m = date.getMonth() + 1;

var d = date.getDate();

return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d);

};

$.fn.datebox.defaults.parser = function (s) {

if (s) {

var a = s.split('-');

var d = new Date(parseInt(a[0]), parseInt(a[1]) - 1, parseInt(a[2]));

return d;

} else {

return new Date();

} };

</script>

class="easyui-datebox" required="true" missingMessage="日期必须填写" editable="false" //如果需要填写其他格式的类型请自行修改formatter函数

5、验证必须是邮件 class="easyui-validatebox" missingMessage="邮件必须填写"

validType="email" invalidMessage="请填写正确的邮件格式"

6、页面时间段判断

name为s1的时间必须大于name为s2的时间 s3必须大于s2

TimeCheck:{

validator:function(value,param){

var s = $("input[name="+param[0]+"]").val(); //因为日期是统一格式的所以可以直接比较字符串否则需要Date.parse(_date)转换

return value>=s;

message:'非法数据'

}

});

</script>

7、询问对话框提交：

function Confirmbtn(msg, control) {

$.messager.confirm('确认', msg, function (r) {

if (r) {

__doPostBack("ctl00$ContentPH_Main$Button1", "");

//alert('aa');

} });

return false; }

OnClientClick="return Confirmbtn('确认吗？', this);

----------------------------------------------------------------------------------------------------------------

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

    <script src="easyui1.2.4/jquery.easyui.min.js" type="text/javascript"></script>

    <!--自定义验证-->

    <script src="easyui1.2.4/validator.js" type="text/javascript"></script>

    <link href="easyui1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />

    <script>

        ￥（function （） {

            //设置text须要验证

            ￥（""input[type=text]""）.validatebox（）;

        }）

    </script>

</head>

<body>

    邮箱验证：<input type="text" validtype="email" required="true" missingMessage="不克不及为空" invalidMessage="邮箱格局不正确" /><br />

    网址验证：<input type="text" validtype="url" invalidMessage="url格局不正确[http://www.example.com]" /><br />

    长度验证：<input type="text" validtype="length[8，20]" invalidMessage="有效长度8-20" /><br />

    手机验证：<input type="text" validtype="mobile"  /><br />

    邮编验证：<input type="text" validtype="zipcode" /><br />

    账号验证：<input type="text" validtype="account[8，20]" /><br />

    汉子验证：<input type="text" validtype="CHS" /><br />

    长途验证：<input type="text" validtype="remote[""checkname.aspx""，""name""]" invalidMessage="用户名已存在"/>

</body>

</html>

本身写的validator.js

//扩大easyui表单的验证

￥.extend（￥.fn.validatebox.defaults.rules， {

    //验证汉子

    CHS: {

        validator: function （value） {

            return /^[\u0391-\uFFE5]+￥/.test（value）;

        }，

        message: ""只能输入汉字""

    }，

    //移下手机号码验证

    mobile: {//value值为文本框中的值

        validator: function （value） {

            var reg = /^1[3|4|5|8|9]\d{9}￥/;

            return reg.test（value）;

        }，

        message: ""输入手机号码格局不正确.""

    }，

    //国内邮编验证

    zipcode: {

        validator: function （value） {

            var reg = /^[1-9]\d{5}￥/;

            return reg.test（value）;

        }，

        message: ""邮编必须长短0开端的6位数字.""

    }，

    //用户账号验证（只能包含 _ 数字 字母）

    account: {//param的值为[]中值

        validator: function （value， param） {

            if （value.length < param[0] || value.length > param[1]） {

                ￥.fn.validatebox.defaults.rules.account.message = ""用户名长度必须在"" + param[0] + ""至"" + param[1] + ""局限"";

                return false;

            } else {

                if （!/^[\w]+￥/.test（value）） {

                    ￥.fn.validatebox.defaults.rules.account.message = ""用户名只能数字、字母、下划线构成."";

                    return false;

                } else {

                    return true;

                }

            }

        }， message: """"

    }

}）

　　checkname.aspx

<％＠ Page Language="C＃" ％>

<script runat="server">

    void Page_Load（object sender， System.EventArgs e）

    {

        if （!string.IsNullOrEmpty（Request["name"]））

        {

            string name = "";

            name = Request["name"];

            if （name == "zhxhdean"）

            {//当文本框中值为 zhxhdean，提示用户已存在。 这一步可以去数据库查询

                Response.Write（"false"）;

                return;

            }

            else

            {

                Response.Write（"true"）;

                return;

            }

        }

    }

</script>

Jquery easyui中的有效性检查的更多相关文章

JQuery EasyUI中datagrid的使用
在学习过程中,可以参照JQuery EasyUI的官方网站学习.地址:http://www.jeasyui.com/demo/main/index.php 在学习JQuery EasyUI中的Data ...
Jquery EasyUI中treegrid
Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件 InChatter系统开源聊天模块前奏曲最近在研究WCF,又因为工作中的项目需要,要为现有的系统增加一 ...
jquery easyUI中combobox的使用总结
jquery easyUI中combobox的使用总结一.如何让jquery-easyui的combobox像select那样不可编辑?为combobox添加editable属性设置为false ...
求助关于jquery easyUI中的treegrid组件，请各位帮忙给个思路，谢谢啦
现在项目中用到jquery easyUI中的treegrid组件,已经可以正常显示了.但是在保存的时候遇到问题,页面上参照官网的例子可以在页面更新,但是怎么获取编辑后的数据进而保存到数据库呢?
在jQuery EasyUI中实现对DataGrid进行编辑
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件
做个项目使用jquery easyui来做前端,也许是对此不是很熟悉,总是发现一些不可理解的事件. 主要源代码如下: <script type="text/javascript&qu ...
jQuery EasyUI中DataGird动态生成列的方法
EasyUI中使用DataGird显示数据列表中,有时需要根据需要显示不同的列,例如,在权限管理中,不同的用户登录后只能查看自己权限范围内的列表字段,这就需要DataGird动态组合列,下面介绍Eas ...
jquery easyui中的formatter多用法
1.formatter能多数据进行格式化后输出,formatter必须返回一个字符串,第一个用法:当一个单元格的数据很多,不能显示完全时,鼠标放上去能动态显示出所有内容. formatter:func ...
jQuery EasyUI中常常遇到的问题(FAQ)
1.easyui弹出页面中无法引入其它外部js文件的问题 easyui弹出的对话框假设为jsp.html页面,easyui仅仅会将这些页面中的<body></body>内部的内 ...

随机推荐

hmtl初学
hmtl+css实现小车轮子转动! <!DOCTYPE html> <html> <head lang="en"> <meta ...
Chrome渲染Transition时页面闪动Bug
前段时间,有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象,但是我在Mac和Win下面的Chrome都无法重现这个问题,后来重装了一遍Win7下的Chrome Beta版本,终于重现了 ...
ajax+php处理案例
<div> <table> <tr> <th>状态</th> <th>信息</th> </tr> < ...
vb6 关闭显示器
Option Explicit Private Const WM_SYSCOMMAND As Long = &H112 Private Const SC_MONITORPOWER As Lon ...
Spring学习 Ioc篇（三）
1.在注解注入方式中,首先要在xml中引入如下的红线的命名空间: <?xml version="1.0" encoding="UTF-8" ?> & ...
在VBA中调用winsock控件
如果系统没有Winsock控件的话,可以下载下面的控件MSWINSCK.OCX,然后将该文件复制到C:\Windows\System32目录下. 在VBE窗口中,从菜单"工具"-& ...
使用C#和.NET的原因
早在2000年6月,微软公布.NET之后不久,Ximian公司诞生了一个开源项目叫做Mono,运行在Linux环境下面的C#编译器和.NET Framework.十年后,在2011年,Ximian的创 ...
java内存溢出分析（二）
我们继续java内存溢出分析(一)的分析,点击Details>按钮,显示如下图,我们发现有一个对象数量达到280370216个,再点击其中的List objects 点击后,显示下图至此,我们 ...
linux下安装jdk的几种方式
1.rpm方式安装: rpm -qa | grep jdk 查看是否安装了jdk,或者用java -version查看java版本 rpm -e --nodeps java-1.7.0-openjdk ...
[ActionScript 3.0] AS3.0 烟雾粒子效果
package { import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.Sprite; ...

Jquery easyui中的有效性检查

Jquery easyui中的有效性检查的更多相关文章

随机推荐

热门专题