利用 keyCode 控制数字输入框
生活随笔
收集整理的這篇文章主要介紹了
利用 keyCode 控制数字输入框
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
下面這段代碼，可以控制用戶只能輸入數(shù)字、小數(shù)點(diǎn)、負(fù)號(hào)，且數(shù)字第一位不可為0：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>lik-input-number</title> </head><body> <input type="text" class="lik_input_number" style="color:#ccc" value="請(qǐng)輸入數(shù)字" οnfοcus="fn_focus(this);"οnblur="fn_blur(this);"> </body><script src="jquery-1.8.1.min.js"></script> <script>// 輸入框模擬placeholderfunction fn_focus(ele) {if (ele.value == ele.defaultValue) {ele.style = "color:#333";ele.value = '';} else {ele.style = "color:#333";}}function fn_blur(ele) {var reg = /^[s]*$/;if (reg.test(ele.value) || ele.value == ele.defaultValue) {ele.style = "color:#ccc";ele.value = ele.defaultValue;} else {ele.style = "color:#333";}}$(function () {$('.lik_input_number').live('keydown', function (e) {//控制第一個(gè)數(shù)字不能為0if ($(this).val().length > 1 && $(this).val().slice(0, 1) == 0 && $(this).val().slice(1, 2) != '.') {$(this).val($(this).val().slice(1, $(this).val().length));}//控制只能輸入數(shù)字、小數(shù)點(diǎn)、負(fù)號(hào)if ((e.keyCode < 48 || (e.keyCode > 57 && e.keyCode < 96) || (e.keyCode > 105 && e.keyCode < 109) || (e.keyCode > 110 && e.keyCode < 189) || e.keyCode > 190) && e.keyCode != 8) {return false;}});$('.lik_input_number').live('keyup', function (e) {//控制第一個(gè)數(shù)字不能為0if ($(this).val().length > 1 && $(this).val().slice(0, 1) == 0 && $(this).val().slice(1, 2) != '.') {$(this).val($(this).val().slice(1, $(this).val().length));}//控制只能輸入數(shù)字、小數(shù)點(diǎn)、負(fù)號(hào)if ((e.keyCode < 48 || (e.keyCode > 57 && e.keyCode < 96) || (e.keyCode > 105 && e.keyCode < 109) || (e.keyCode > 110 && e.keyCode < 189) || e.keyCode > 190) && e.keyCode != 8) {return false;}});}); </script> </html>
轉(zhuǎn)載于:https://www.cnblogs.com/likwin/p/7145323.html
總結(jié)
以上是生活随笔為你收集整理的利用 keyCode 控制数字输入框的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： HTTP简介，http是一个属于应用层的
- 下一篇： 把一张的数据添加到另一张中