<%@ 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. mongodb命令（持续更新）

    $lt $lte $gt $gte< . <= . > . >= 1.分组求和db.collection.aggregate([{$group : {_id : null, s ...

  2. php魔术方法__tostring的应用

    当echo一个对象的时候,会报错误 Object of class Person could not be converted to string 我们可以通过魔术方法__tostring()  把对 ...

  3. 教你用Cordova打包Vue项目

    现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app. 据我现在的了解打包Vue项目目前流行的就是使用weex和cordova.weex是 ...

  4. 华中农业大学第五届程序设计大赛网络同步赛-L

    L．Happiness Chicken brother is very happy today, because he attained N pieces of biscuits whose tast ...

  5. CA210彩分仪校准步骤

    1.menu(space key)2.space (08307009 U) 按键2次)->(EXT)3.BLUE(按键4次)->PAL4.enter5.0校准(0对准CAL(按住探头)出现 ...

  6. web自动化开发环境配置详解

    1.安装 nodejs Grunt和所有grunt插件都是基于nodejs来运行的, https://nodejs.org/ 安装完成之后在终端 node -v 查看安装版本 2.安装 grunt-C ...

  7. Css 基础知识（一）

    1.Css概念 CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表),Css是用来美化html标签的,相当于页面化妆. ◆样式表书写位置 2. 选择器 2.1.写法 选 ...

  8. 抽象数据类型(ADT)

    概念 抽象数据类型(ADT),脱离具体实现定义数据结构,它的定义着重于做什么,而忽略怎么做 举例 列表.栈.队列 列表 列表,也叫线性表 抽象定义:数据项线性排列,可以插入某一项,删除某一项,读取某一 ...

  9. rdlc里面的textbox怎么赋值

    通过传递参数来实现 当前在rdlc页面,ctrl+alt+d,打开report data侧边栏 点击report data的Parameters文件夹,右键,添加新的参数,命名.定义类型,譬如命名为R ...

  10. Fusion 360教程合集27部

    Fusion 360教程合集27部 教程格式:MP4和flv 等格式 使用版本:教程不是一年出的教程,各个版本都有 (教程软件为英文版) 教程格式:MP4.FLV等视频格式 清晰度:可以看清软件上的文 ...