layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法
更新時(shí)間：2019年09月18日 11:28:05 作者：風(fēng)一般的男子丶
今天小編就為大家分享一篇layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
如下所示：
<input class="layui-input" onkeyup="value=zhzs(this.value)" lay-verify="required|number" id="" name="" value="" maxlength="7">
//轉(zhuǎn)化正整數(shù)
function zhzs(value){
value = value.replace(/[^\d]/g,'');
if(''!=value){
value = parseInt(value);
}
return value;
}
其他的正則
function clearNoNum(obj){
obj.value = obj.value.replace(/[^\d.]/g,""); //清除“數(shù)字”和“.”以外的字符
obj.value = obj.value.replace(/.{2,}/g,"."); //只保留第一個(gè). 清除多余的
obj.value = obj.value.replace(/^./g,"");
obj.value = obj.value.replace(".","KaTeX parse error: Expected 'EOF', got '#' at position 1: #̲").replace(/./g,"").replace("KaTeX parse error: Expected 'EOF', got '#' at position 1: #̲",".");
obj.value = obj.value.replace(/^(-)(\d+).(\d\d).$/,'$1$2.$3');//只能輸入兩個(gè)小數(shù)
if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已經(jīng)過(guò)濾，此處控制的是如果沒(méi)有小數(shù)點(diǎn)，首位不能為類(lèi)似于 01、02的金額
obj.value= parseFloat(obj.value);
}
return obj
}
以上這篇layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JS+HTML5實(shí)現(xiàn)的前端購(gòu)物車(chē)功能插件實(shí)例【附demo源碼下載】
這篇文章主要介紹了JS+HTML5實(shí)現(xiàn)的前端購(gòu)物車(chē)功能插件,結(jié)合完整實(shí)例形式分析了JS結(jié)合HTML5的storage特性存儲(chǔ)數(shù)據(jù)實(shí)現(xiàn)購(gòu)物車(chē)功能的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序—仿淘寶熱搜詞在搜索框中輪播功能的相關(guān)資料,需要的朋友可以參考下2020-01-01
在mpvue框架中使用Vant WeappUI組件庫(kù)的注意事項(xiàng)【推進(jìn)】
這篇文章主要介紹了在mpvue框架中使用Vant WeappUI組件庫(kù)的注意事項(xiàng),本文給大家提到了引入組件庫(kù)的兩種方法，需要的朋友可以參考下2019-06-06
uniapp 實(shí)現(xiàn)微信小程序全局分享的示例代碼
本文主要介紹了uniapp 實(shí)現(xiàn)微信小程序全局分享的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-12-12
微信小程序?qū)崿F(xiàn)簡(jiǎn)易table表格
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡(jiǎn)易table表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02
es6中class類(lèi)靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法的理解與應(yīng)用分析
這篇文章主要介紹了es6中class類(lèi)靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法的理解與應(yīng)用,結(jié)合實(shí)例形式分析了es6 class類(lèi)靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法相關(guān)概念、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-02-02
uniapp使用vue-cli新建項(xiàng)目并打包的步驟
這篇文章主要介紹了uniapp使用vue-cli新建項(xiàng)目并打包,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-11-11
在layui.use 中自定義 function 的正確方法
今天小編就為大家分享一篇在layui.use 中自定義 function 的正確方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
JavaScript實(shí)現(xiàn)點(diǎn)贊功能的示例
本文主要介紹了JavaScript實(shí)現(xiàn)點(diǎn)贊功能的示例,分享給大家2014-04-04
javascript四舍五入函數(shù)代碼分享(保留后幾位)
這篇文章主要介紹了javascript四舍五入函數(shù)分享，大家參考使用吧2013-12-12