正負(fù)小數(shù)點(diǎn)后兩位浮點(diǎn)數(shù)實(shí)現(xiàn)原理及代碼
更新時(shí)間：2013年09月06日 17:53:02 作者：
需要做個(gè)對(duì)兩位小數(shù)點(diǎn)的正負(fù)浮點(diǎn)數(shù)的處理要求：非數(shù)字或者.字符自動(dòng)清除，并對(duì).12自動(dòng)修補(bǔ).前的0，實(shí)現(xiàn)原理如下，感興趣的朋友可以參考下
背景：項(xiàng)目中需要做個(gè)對(duì)兩位小數(shù)點(diǎn)的正負(fù)浮點(diǎn)數(shù)的處理，
要求：非數(shù)字或者.字符自動(dòng)清除，并對(duì).12自動(dòng)修補(bǔ).前的0
原理：在輸入框中加入兩個(gè)事件，keyup與blur，keyup處理字符串中非要求的字符，blur中對(duì)最終字符串處理成理想的格式111.11
實(shí)現(xiàn)：通過七個(gè)正則處理掉主功能 val代表輸入的字符串
/^\d*\.?\d{0,2}$/ 驗(yàn)證val是否是ddd.dd的格式，是則不處理，否才處理
/[^.0-9]+/ 處理掉val中所有的非數(shù)字與.的字符
/(?:\d*\.\d{0,2}|\d+)/ 將val處理成正確的格式。
/^\d+$/ 當(dāng)是整數(shù)時(shí)的處理
/^\.\d{0,2}$/ 小數(shù)點(diǎn)前沒有數(shù)字時(shí)處理
/^\d+\.\d{0,2}$/ 小數(shù)點(diǎn)后數(shù)字位數(shù)在0-2之間時(shí)的處理
/^0+[1-9]\d*\.?\d{0,2}$/ val前面有0時(shí)的處理
測(cè)試數(shù)據(jù)：
fdfd100.12 122.121 12t12.57 12546 1245. 125.4 154.45.456 .126 005245.121 dfdffd等等
Demo下載
要求：非數(shù)字或者.字符自動(dòng)清除，并對(duì).12自動(dòng)修補(bǔ).前的0
原理：在輸入框中加入兩個(gè)事件，keyup與blur，keyup處理字符串中非要求的字符，blur中對(duì)最終字符串處理成理想的格式111.11
實(shí)現(xiàn)：通過七個(gè)正則處理掉主功能 val代表輸入的字符串
/^\d*\.?\d{0,2}$/ 驗(yàn)證val是否是ddd.dd的格式，是則不處理，否才處理
/[^.0-9]+/ 處理掉val中所有的非數(shù)字與.的字符
/(?:\d*\.\d{0,2}|\d+)/ 將val處理成正確的格式。
/^\d+$/ 當(dāng)是整數(shù)時(shí)的處理
/^\.\d{0,2}$/ 小數(shù)點(diǎn)前沒有數(shù)字時(shí)處理
/^\d+\.\d{0,2}$/ 小數(shù)點(diǎn)后數(shù)字位數(shù)在0-2之間時(shí)的處理
/^0+[1-9]\d*\.?\d{0,2}$/ val前面有0時(shí)的處理
測(cè)試數(shù)據(jù)：
fdfd100.12 122.121 12t12.57 12546 1245. 125.4 154.45.456 .126 005245.121 dfdffd等等
Demo下載
相關(guān)文章
這篇文章主要介紹了jQuery 鏈?zhǔn)秸{(diào)用的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用jQuery，感興趣的朋友可以了解下2021-05-05
jQuery 1.9.1源碼分析系列（十五)之動(dòng)畫處理
這篇文章主要介紹了jQuery 1.9.1源碼分析系列（十五)之動(dòng)畫處理 的相關(guān)資料,需要的朋友可以參考下2015-12-12
jQuery的內(nèi)容過濾選擇器學(xué)習(xí)教程
這篇文章主要介紹了jQuery的內(nèi)容過濾選擇器學(xué)習(xí)教程,詳細(xì)地整理了jQuery中四個(gè)過濾器的相關(guān)函數(shù)用法,需要的朋友可以參考下2016-04-04
jQuery中DOM樹操作之使用反向插入方法實(shí)例分析
這篇文章主要介紹了jQuery中DOM樹操作之使用反向插入方法,實(shí)例分析了反向插入方法與插入方法回調(diào)的使用技巧,需要的朋友可以參考下2015-01-01
本文是對(duì)jquery的map與get方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
jQuery Form 表單提交插件之formSerialize，fieldSerialize，fieldValue，r
這篇文章主要介紹了jQuery Form 表單提交插件之formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的應(yīng)用的相關(guān)資料,需要的朋友可以參考下2016-01-01
jquery ajax 同步異步的執(zhí)行 return值不能取得的解決方案
jquery ajax 同步異步的執(zhí)行 return值不能取得的解決方案，需要的朋友可以參考下。2012-01-01
jQuery結(jié)合Json提交數(shù)據(jù)到Webservice，并接收從Webservice返回的Json數(shù)據(jù)
簡單的Json數(shù)據(jù)提交,后臺(tái)結(jié)合asp.net，需要的朋友可以參考下。2011-02-02
這篇文章主要介紹了詳解jQuery中的元素的屬性和相關(guān)操作,jQuery是最為流行的JavaScript庫,需要的朋友可以參考下2015-08-08
jQuery插件zepto.js簡單實(shí)現(xiàn)tab切換
這篇文章主要介紹了jQuery插件zepto.js簡單實(shí)現(xiàn)tab切換的代碼，十分的簡潔，有需要的小伙伴可以參考下2015-06-06