百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

编程技巧:Jquery实时验证,指定长度的「负小数」

yuyutoo 2024-11-14 19:54 4 浏览 0 评论

为了保障【负小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【负小数】的方法。

HTML代码

<input type="text" class="force-sign-decimal-2-3" .../>

JS调用方法

    $(document.body).find("input[type=text]").each(function() {
        // 验证输入内容
        callCustomiseInputCheck(this);
    });

验证【负小数】类型方法

function callCustomiseInputCheck(inputObject) {
    jQuery.each(inputObject.classList, function(itemIndex, classItem) {
        //例:<input type="text" class="force-sign-decimal-2-3" .../> 整数部位数:2、小数部位数:3
        if (/^force\-sign\-decimal\-\d{1,}\-\d{1,}$/.test(classItem)) {
            // 方法【runInputFilter】,参照【Jquery实时验证,只能输入指定长度的数字】
            runInputFilter(inputObject, ',', function(value) {
                if (/^\-?\d*\.?\d*$/.test(value)) {//数字的场合
                    var jsInteger = value.split('.')[0];//整数部
                    var jsScale = value.split('.')[1];//小数部
                    //整数部分越界的场合
                    if (jsInteger && parseInt(jsInteger) > 0
                        && jsInteger.replace('-', '').length > parseInt(classItem.split('-')[3])) {
                        return false;
                    }
                    //小数部分越界的场合
                    if (jsScale && parseInt(jsScale) > 0
                        && jsScale.length > parseInt(classItem.split('-')[4])) {
                        return false;
                    }
                    return true;
                } else {
                    //不是数字的场合
                    return false;
                }
            });
            //格式化
            postLostFocus(inputObject, function(inputObject) {
                if (!inputObject.value.contains('.')) {
                    inputObject.value = inputObject.value + '.';
                }
                var regExp = RegExp(/^(\-?)(0{1,})?(\d*\.?\d*)$/);
                var outPutArray = inputObject.value.match(regExp);
                inputObject.value = outPutArray[1] + outPutArray[3];//去除前面连续的0(例:「-0012?-12」、「-0012.23?-12.23」)

                blurDecimal(inputObject);
                //去掉负数0的负号
                if (/^[\-0*\.?0*]*$/.test(inputObject.value)) {
                    inputObject.value = inputObject.value.replace(/^(\-)([0*\.?0*]*)$/, function($0, $1, $2) {
                        return $2;
                    });
                }
            });
            //终止循环
            return false;
        }
    });
}

共通处理方法

/**
 * 绑定失去焦点时的处理
 * @param textbox HTML输入框
 * @param lostFocusFunction 失去焦点时的处理
 * 例:postLostFocus(ocument.getElementById("XXX"),functionXXXXX);
 */
function postLostFocus(textbox, lostFocusFunction) {
    ["focusout"].forEach(function(event) {
        var eventCommonPostLostFocus = function(event) {
            lostFocusFunction(this);
        }
      // 参照文章【前端Jquery调用on或bind方法,避免重复绑定】
        addEventExtras(textbox, event, eventCommonPostLostFocus);
    });
}

function CommonUtilJs() { }
//数值格式化
CommonUtilJs.addComma = function(value) {
    var patern = /^([\+\-]?\d+)(\d{3})([\,\d+]*)(\.\d+)?$/;
    var rep = "";
    var val = "";
    if (value != undefined && value != null) {
        val = String(value);
        while (rep != val) {
            rep = val;
            val = rep.replace(patern, "$1,$2$3$4");
        }
    }
    return val;
};

相关推荐

了解 SQL 语言特点、分类及规则

SQL语言概述SQL全称是结构化查询语言(structuredQueryLanguage),它是一种在关系型数据库中定义和操纵数据的标准语言。最早是由IBM的圣约瑟(Sanjose)研究...

SQL的语言规范及分类详解

SQL:StructureQueryLanguage结构化查询语言,它是使用关系模型的数据库应用语言,由IBM上世纪70年代开发出来。后由美国国家标准局(ANSI)开始着手制定SQL标准,先后有S...

2分钟,快速认识什么是SQL

结构化查询语言,简称SQL,它是与关系数据库管理系统通信的黄金标准语言。今天就来一起快速认识一下什么是SQL,您可以通过以下的文字内容学习,也可以通过文末的视频学习,希望本文对您有所帮助。...

SQL语言书写与规则详解

SQL语言SQL语言主要包含6个部分,什么是SQL语言?SQL语言被称之为结构化查询语言(StructuredQueryLanguage),它是关系型数据库的**标准语言[所有数据库厂商都要遵守S...

SQL知识大全(一):数据库的语言分类你都知道吗?

点击上方蓝字关注我们今天是数据库语言分类的第一讲,主要会介绍数据库的四类语言,以及其语法,课程大纲详见脑图。...

数据查询语言SQL基本语法

SQL(StructuredQueryLanguage)即结构化查询语言,是用来管理和处理关系型数据库的标准计算机语言。其语法非常丰富,允许用户执行各种操作,包括但不限于查询、插入、更新和删除数据...

SQL(structured query language)语言

SQL(structuredquerylanguage)关系数据库标准语言-SQL数据库是表的汇集,它用一个或多个SQL模型定义-基本表是实际存储在数据库中的表,视图是由若干个基本表或其他视图导出...

SQL查询逻辑执行顺序:从FROM到LIMIT,步步解析

SQL(StructuredQueryLanguage)作为关系型数据库的标准语言,被广泛应用于数据查询和管理。虽然我们通常按照...

SQL大宝剑-已燃尽所有SQL的理解

作者:京东物流向往一、背景从事数据开发将近四年,过程中有大量任务交接或阅读同事代码的场景。在这些场景中发现有些SQL读起来赏心悦目,可以一目了然地了解业务逻辑,一些复杂的业务需求实现方法也可以做到简...

《图解SQL:数据库语言轻松入门》

《图解SQL:数据库语言轻松入门》当初入手这本书的时候,我还是蛮有勇气的。毕竟我是一个除了数据库三个汉字会写之外,对数据库一无所知的人。当时我是想到了一个故事,才决定入手这本书的。这个故事你小时候应该...

【数据管理】数据库通用概念和常用SQL讲解

数据库是计算机领域的专业词汇,大部分人也许觉得和数据库没有交集。但其实每天,甚至连你自己都没有意识到,我们一直在使用数据库。淘宝购物挑选的商品信息,手机通讯录里面的联系人,微信发送的聊天记录等,数据都...

慢 SQL 分析与优化

背景介绍从系统设计角度看,一个系统从设计搭建到数据逐步增长,SQL执行效率可能会出现劣化,为继续支撑业务发展,我们需要对慢SQL进行分析和优化,严峻的情况下甚至需要对整个系统进行重构。所以我们往...

SQL学习:实例讲解SQL必会的12个高频语句

在数据库查询中,总结了12个高频常用SQL语句,供大家参考学习:1、复制表结构,不包括数据(用于建立同一个表结构)...

SQL语言包括哪几部分?每部分都有哪些操作关键字?

【死记硬背】SQL即StructuredQueryLanguage结构化查询语言,包括数据定义(DDL)、数据操纵(DML)、数据查询(DQL)、数据控制(DCL)、事物控制(TCL)和指针控制(...

数据库中sql语句大全

结构化查询语言(StructuredQueryLanguage)简称SQL,结构化查询语言是一种数据库查询和程序设计语言,用于存取数据以及查询、更新和管理关系数据库系统;...

取消回复欢迎 发表评论: