<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormTextbox.aspx.cs" Inherits="WebApplicationEasyUI.WebFormTextbox" %>

<!DOCTYPE html>

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

<head runat="server">

    <title></title>

    <link href="Resurces/themes/default/easyui.css" rel="stylesheet" />

    <link href="Resurces/themes/icon.css" rel="stylesheet" />

    <script src="Resurces/Javascript/jquery.min.js"></script>

    <script src="Resurces/Javascript/jquery.easyui.min.js"></script>

    <!-- textbox !-->

    <script>

        $.extend($.fn.validatebox.defaults.rules, {

            /*必须和某个字段相等*/

            equalTo: {

                validator: function (value, param) {

                    return $(param[0]).val() == value;

                },

                message: '字段不匹配'

            }

        });

        //validType类型：

        //1."email"

        //2.length[5,10]

        //3.url

        $(function () {

            $('#vv1').textbox({

                prompt: 'Enter here...',

                required: true,

                missingMessage: '输入邮箱帐号',

                validType: 'email',

                invalidMessage: 'email格式不对'

            });

            $('#vv2').textbox({

                required: true,

                validType:'url',

                missingMessage: '输入密码',

                invalidMessage: 'phone'

            });

            $('#vv3').textbox({

                required: true,

                missingMessage: '输入密码',

                validType: "equalTo['#vv2']",

                invalidMessage: '密码不一样'

            });

            $('#vv1').textbox('setValue','1@1.com');

        });

        function setValue() {

            $('#vv1').textbox("setValue", "123");

        }

        function getValue() {

            var t = $('#vv1').textbox("getValue");

            alert(t);

        }

        function isOK() {

            var isok = $('#vv1').textbox('isValid')

            && $('#vv2').textbox('isValid')

            && $('#vv3').textbox('isValid');

            if (isok) {

                $.messager.alert('info', 'ok');

            }

            else {

                $.messager.alert('info', 'no');

            }

        }

    </script>

    <style>

        input

        {

            margin: 5px;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

        <div id="p" class="easyui-panel" title="mypanel" style="height: 200px; width: 700px; padding: 10px;">

            帐号：<input id="vv1" /><br />

            密码：<input id="vv2" type="password" /><br />

            确认密码：<input id="vv3" type="password" /><br />

            <input type="button" id="btn1" value="setValue" onclick="setValue()" />

            <input type="button" id="btn2" value="getValue" onclick="getValue()" /><br />

            <input type="button" value="提交" onclick="isOK()" />

        </div>

    </form>

</body>

</html>

easyui validatebox textbox 使用例子的更多相关文章

  1. easyui validatebox textbox 取值和赋值

    总结:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样 text-box设置值只能使用id选择器选择表单元素,只能使用textbox("setVa ...

  2. 表单（上）EasyUI Form 表单、EasyUI Validatebox 验证框、EasyUI Combobox 组合框、EasyUI Combo 组合、EasyUI Combotree 组合树

    EasyUI Form 表单 通过 $.fn.form.defaults 重写默认的 defaults. 表单(form)提供多种方法来执行带有表单字段的动作,比如 ajax 提交.加载.清除,等等. ...

  3. easyui的textbox赋值小结

    使用的系统中有个后台,需要填充单号,如下图: 每次往框里面填充都是一样的数据,复制.粘贴,而且当人数颇多的时候,就是体力活. 于是就想到通过执行js代码,自动填充这些数据. chrome下F12,查看 ...

  4. JQuery EasyUI validatebox(验证框)

    JQuery EasyUI validatebox(验证框) http://www.easyui.info/archives/602.html

  5. EasyUI的textbox的disable ,readonly 用法

    EasyUI的textbox,如果用了disable, 那么提交时,后台mvc controller是取不到值的, 如果用了Readonly, textbox的样式又没有变化, 让人一眼就感知到哪些是 ...

  6. Easyui validatebox后台服务端验证

    Easyui validatebox的验证提示十分好用,可是在实际项目的运用中,经常会遇到需要服务器验证后并返回验证结果信息,比如验证用户名.手机号.邮箱是否已存在.于是就想着怎么拓展Easyui的验 ...

  7. easyui的textbox和validatebox的 赋值区别

    区别代码如下: textbox:$('userId').textbox('setValue','aaa'); validatebox :$('userId').val('aaa');  

  8. easyUI validatebox设置值和获取值，以及属性和方法

    一:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样[转] 1.为text-box设置值只能使用id选择器选择表单元素,只能使用textbox(" ...

  9. easyui validatebox 验证类型

    required: "必选字段",        remote: "请修正该字段",        email: "请输入正确格式的电子邮件" ...

随机推荐

  1. POJ2186（强连通分量分解）

    Popular Cows Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 35035   Accepted: 14278 De ...

  2. BZOJ2388: 旅行规划(分块 凸包)

    题意 题目链接 Sol 直接挂队爷的题解了 分块题好难调啊qwq #include<bits/stdc++.h> #define LL long long using namespace ...

  3. 内联元素的padding和margin

    首先区分一下3类元素: 1)块级元素:div.p等这一类具有宽高属性,且单独占一行的元素: 2)占位元素:img.input这一类具有宽高属性.紧随上一个元素不单独占一行的元素: 3)内联元素:spa ...

  4. cmd--登录mysql

    cmd,Windows 命令提示符(cmd.exe)是 Windows NT 下的一个用于运行 Windows 控制面板程序或某些 DOS 程序的shell程序:或在 Windows CE 下只用于运 ...

  5. 《Spring实战》第4章--面向切面的Spring--处理通知中的参数（经验总结）

    今天学习<Spring实战>第4章<面向切面的Spring>,根据4.3.3小节写出如下切面类: package proxy; import java.util.HashMap ...

  6. 开源项目管理工具KanBoard

    KanBoard是一个很好用的项目管理软件,地址点此.它以网页形式存储在服务器或者本地,支持多标签.多项目.多用户和多种显示方式.编辑方式上支持markdown.它还提供多角度可视化的项目统计分析. ...

  7. MVC与单元测试实践之健身网站(三)-角色与权限

    管理员的维护功能完成后,还有权限和角色,三者构成权限系统.这里采用的RBAC是最经典.最简单的一种,权限-角色-管理员只能层层传递,并不能直接为管理员分配权限. 一 权限.角色管理 a) 权限 之前编 ...

  8. servlet和jsp页面过滤器Filter的作用及配置

    刚刚有个朋友问我,Servlet的过滤器有什么作用? 现在发个帖子说明一下,            过滤器是一个对象,可以传输请求或修改响应.它可以在请求到达Servlet/JSP之前对其进行预处理, ...

  9. java基础(十一) 枚举类型

    枚举类型Enum的简介 1.什么是枚举类型 枚举类型: 就是由一组具有名的值的有限集合组成新的类型.(即新的类). 好像还是不懂,别急,咱们先来看一下 为什么要引入枚举类型 在没有引入枚举类型前,当我 ...

  10. 8.1、包，__init__.py,

    包: 为了组织好模块,将多个模块组合为一个包,所以包用于存放python模块 包通常是一个文件夹,当文件夹当作包使用时,文件夹需要包含__init__.py文件 __init__.py的内容可以为空, ...