例：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. 【PAT】B1080 MOOC期终成绩（25 分）

    还是c++好用,三部分输入直接用相同的方法, 用map映射保存学生在结构体数组中的下标. 结构体保存学生信息,其中期末成绩直接初始化为-1, 注意四舍五入 此题还算简单 #include<ios ...

  2. C# 动态方法和静态方法的区别

    C# 动态方法和静态方法的区别 (转) 动态方法与静态方法的区别: 1,使用方法上的区别:动态方法,在使用时需要先创建实例,才能调用实例方法,而静态方法则不需要,直接使用即可. 示例代码如下:静态方法 ...

  3. Eclipse中定位当前文件在项目中的位置

    点击红色框内的按钮,就能定位当前文件在项目中的位置, 另外, 找到位置后记得再点击一下这个按钮, 要不然每次打开一个文件都会自动定位

  4. Visual Studio 2015的安装与测试单元的配置与使用

    首先感谢吴小勇同学的教程,及其详尽周全.详见http://www.cnblogs.com/xiaoyongwu/p/5289964.html     那么正式开始,事实上在撰写这篇博文的时候,这个图标 ...

  5. DataUtils对Connection的获取、释放和关闭的操作学习

    DataSourceUitls介绍 DataSourceUitls类位于org.springframework.jdbc.datasource包下,提供了很多的静态方法去从一个javax.sql.Da ...

  6. C#异步编程のWPF Invoke和BeginInvoke

    我们先看个简单的例子: private void Window_Loaded(object sender, RoutedEventArgs e) { Console.WriteLine("B ...

  7. Linux下安装ElasticSearch 5 和配置外部访问

    https://www.cnblogs.com/hts-technology/p/8477291.html (一)ElasticSearch需要jdk1.8以上版本的支持,所以需要先安装jdk.lin ...

  8. 转载 锁机制与原子操作 <第四篇>

    一.线程同步中的一些概念 1.1临界区(共享区)的概念 在多线程的环境中,可能需要共同使用一些公共资源,这些资源可能是变量,方法逻辑段等等,这些被多个线程共用的区域统称为临界区(共享区),临界区的资源 ...

  9. day22 Pythonpython 本文sys模块

    一.sys模块 用来提供对Python解释器相关的操作 sys.argv 命令行参数List,第一个元素是程序本身路径 sys.exit(n) 退出程序,正常退出时exit(0) sys.versio ...

  10. adb报错问题解决方法

    1,报错信息:adb server version (31) doesn't match this client (40); killing 解决方法: 一: 主要是前面的31或者其他,比如32/31 ...