例：textbox里面，要求做两个textbox名字为（A,B），其中两个的数字大小范围是-10~10之间，之后其中A的值必须大于B所填的数字，如果输入错误，则提示出弹出框，并清空数据。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>textbox&numberbox</title>
    <link rel="stylesheet" href="../EasyUI/themes/default/easyui.css">
    <link rel="stylesheet" href="../EasyUI/themes/icon.css">
    <script src="../EasyUI/jquery.min.js"></script>
    <script src="../EasyUI/jquery.easyui.min.js"></script>
</head>
<body>
<!--textbox的校验-->
    <input type="text" id="A"><br>
    <input type="text" id="B"/>
<script type="text/javascript">
    $(function () {
        $("#A").textbox({
            onChange:function(newValue){
                if(newValue<-10||newValue>10){
                    $.messager.alert('警报','请输入-10~10之间的数');
                    $("#A").textbox('clear')
                }else if(newValue==""||$("#B").textbox('getValue')==""){
                }else {
                    var a=$("#A").textbox('getValue');
                    var b=$("#B").textbox('getValue');
                    if(a>b){
                    }else {
                        $.message.alert('警报','输入的第一个数必须大于第二个数');
                        $("#A").textbox('clear')
                    }
                }
            }
        });
        $("#B").textbox({
            onChange:function(newValue){
                if(newValue<-10||newValue>10){
                    $.messager.alert('警报','请输入-10~10之间的数');
                    $("#B").textbox('clear')
                }else if(newValue==""||$("#A").textbox('getValue')==""){
                }else {
                    var a=$("#A").textbox('getValue');
                    var b=$("#B").textbox('getValue');
                    if(a>b){
                    }else {
                        $.messager.alert('警报','输入的第一个数必须大于第二个数');
                        $("#B").textbox('clear')
                    }
                }
            }
        });
    });
</script>
</body>
</html>

easyUI中textbox或number的数值大小校验的更多相关文章

  1. Oracle中较长number型数值的科学计数显示问题

    表中有id列,类型为number(38).在sqlplus中查询的时候,查询结果的显示方式为科学计数法: ID ---------- 4.5572E+18 4.5574E+18 4.5585E+18 ...

  2. 小tips：JS数值之间的转换，JS中最大的Number是多少？，JS == 与 === 的区别

    JS数值之间的转换 Number(), parseInt(),parseFloat() Number()函数的转换规则如下: 1.如果boolean值,true和false将分别被转换为1和02.如果 ...

  3. C. Jon Snow and his Favourite Number DP + 注意数值大小

    http://codeforces.com/contest/768/problem/C 这题的数值大小只有1000,那么可以联想到,用数值做数组的下标,就是类似于计数排序那样子.. 这样就可以枚举k次 ...

  4. javaScript中自定义sort中的比较函数，用于比较字符串长度，数值大小

      , 1.2, 'bb', 'cc']; var len = arr.length; // for (var i = 0; i < len; i++) { // alert(arr + &qu ...

  5. SpringMVC结合easyUI中datagird实现分页

    SpringMVC结合easyUI中datagird实现分页 DataGrid以表格形式展示数据,并提供了丰富的选择.排序.分组和编辑数据的功能支持.轻量级,单元格合并.多列标题.冻结列和页脚只是其中 ...

  6. EasyUI中Base(基础)的基本用法

    EasyUI中Base(基础)的用法 一.Base(基础) 1.parser 解析器 2.easyloader 简单加载 3.draggable 拖动 4.droppable 放置 5.resizab ...

  7. 使用js控制表单重复提交（1加锁，2事件方式，3 EasyUI中解决表单重复提交）

    方法一. var flag = true; $(function() { $("#interested").click(function() { beInterested(); } ...

  8. 数据类型总结——Number（数值类型）

    相关文章 简书原文:https://www.jianshu.com/p/9fb573ef10da 数据类型总结——概述:https://www.cnblogs.com/shcrk/p/9266015. ...

  9. EasyUI中datagrid控件的使用 设置多行表头(两行或多行)

    EasyUI中的datagrid控件十分强大,能生成各种复杂的报表,现在因为项目需要,需要生成一个表头两行的表,找了一些说明文档,以下用一个实例来说明一下: 第一种方法: $('#divData'). ...

随机推荐

  1. JSON数据提取

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,它使得人们很容易的进行阅读和编写.同时也方便了机器进行解析和生成.JSON在数据交换中起到了一个载体的作用 ...

  2. zookeeper-03 命令行操作

    1. 前言 在3台机器分别部署了zookeeper-3.4.5,本文操作是在此基础上进行的.部署详情参见上一篇文章 2. 客户端登录与帮助查看 # 由于是集群模式,所以可以在3台机器的其中任意一台进行 ...

  3. vue-cli打包到部署到nginx服务器

    最近公司把云平台产品用vue 前后端分离的框架来写,前面大部分开发都比较顺利,后面打包部署出了bug 现在记录下自己遇到的哪些坑 1,我直接npm run build 打包出来,打开dist目录下面的 ...

  4. 如何正確的使用 Runtime.exec()

    或許大部分有寫過Java程式的人都知道java.lang.Runtime這個class有一個method叫做exec(),可以被用來呼叫(調用)外部的程式.然而大部分的人都不知道這個method存在著 ...

  5. javascript获取指定区间范围随机数的方法

    每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code //获取指定区间范围随机数,包括lowerValue和upperValue funct ...

  6. P1057 传球游戏

    题目描述 上体育课的时候,小蛮的老师经常带着同学们一起做游戏.这次,老师带着同学们一起做传球游戏. 游戏规则是这样的: nnn 个同学站成一个圆圈,其中的一个同学手里拿着一个球,当老师吹哨子时开始传球 ...

  7. Python调用WIN10语音交互+识别+控制+自定义对话

    1 安装库文件 2修改两个地方 最简单的 # 将输入文字转化为语音信号输出 import speech while True: speech.say("请输入:") str = i ...

  8. 对原型（prototype）理解？

    Javascript是一种通过原型实现继承的语言,与别的高级语言是有区别的,像Java,C#是通过类型决定继承关系的,JavaScript是的动态的弱类型语言,总之可以认为JavaScript所有都是 ...

  9. 邻接表&链式前向星

    链式前向星: 适合点多.边少的情况 不适用于大量遍历出边的题目(因为cache miss) 邻接表: 如果用邻接表来实现的话,一般就用vector嘛,我们都知道vector都是自动扩容的,在空间满了以 ...

  10. 深入浅出的webpack构建工具---PostCss(五)

    一:PostCss是什么?  PostCss是一个样式处理工具,它通过自定义的插件和工具生态体系来重新定义css.它鼓励开发者使用规范的css原生语法编写代码,然后配置编译器转换需要兼容的浏览器版本, ...