<%@ 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. Java设计模式之【单例模式】

    Java设计模式之[单例模式] 何为单例 在应用的生存周期中,一个类的实例有且仅有一个 当在一些业务中需要规定某个类的实例有且仅有一个时,就可以用单例模式 比如spring容器默认初始化的实例就是单例 ...

  2. python-适配器模式

    源码地址:https://github.com/weilanhanf/PythonDesignPatterns 说明: 为了解决接口不兼容的问题引进一种接口的兼容机制,就是适配器模式,其通过提供一种适 ...

  3. 你不知道的JavasScript上篇·第三章·对象

    1.Object.defineProperty()&&getter.setter Object.defineProperty(目标对象,属性名(string型),{ get:funct ...

  4. 【代码笔记】iOS-removeFromSuper

    代码: RootViewController.m - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after ...

  5. js 事件委托代理

    在优化网页性能的技巧当中,对DOM的优化是必不可少的.这其中就涉及到了javascript对DOM的频繁操作.比如响应用户操作的事件.一般情况下,如果是稍微初级一点的前端程序员,在拿到项目的时候,对待 ...

  6. SAP Overview

    SAP的全称:       Anwendungen Produkte in der Datenverarbeitung (德文,这是原西德产品),翻译成英文就是:System,Applications ...

  7. 敏捷团队的组织与管理--- MPD软件工作坊培训感想（下）

    注:由麦思博(MSUP)主办的2013年亚太软件研发团队管理峰会(以下简称MPD大会)分别于6月15及6月22日在北京.上海举办,葡萄城的部分程序员参加了上海的会议,本文是参会的一些感受和心得. 今年 ...

  8. Just write about

    创建一个学生对象,存储学生对象,学生对象的数据来源于键盘录入,最后遍历集合. 学生类,集合对象,键盘录入数据并将数据赋值给学生类的成员(可以写成一个方法),调用方法,遍历集合.

  9. 大数据【四】MapReduce（单词计数；二次排序；计数器；join；分布式缓存）

       前言: 根据前面的几篇博客学习,现在可以进行MapReduce学习了.本篇博客首先阐述了MapReduce的概念及使用原理,其次直接从五个实验中实践学习(单词计数,二次排序,计数器,join,分 ...

  10. 2018-02-03-PY3下经典数据集iris的机器学习算法举例-零基础

    ---layout: posttitle: 2018-02-03-PY3下经典数据集iris的机器学习算法举例-零基础key: 20180203tags: 机器学习 ML IRIS python3mo ...