利用正则控制数字输入框

来源:互联网 发布:淘宝客的计划描述咋写 编辑:程序博客网 时间:2024/06/12 00:31
<!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="请输入数字" onfocus="fn_focus(this);" onblur="fn_blur(this);" onkeydown="value = this.value.replace(/[^0-9\.]/g, '');" onkeyup="value = this.value.replace(/[^0-9\.]/g, '');"></body><script src="jquery-1.8.1.min.js"></script><script>    // 输入框模拟placeholder    function 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";        }    }</script></html>

  

原创粉丝点击