如何使用 javascript 只允许将数字填充到带有类名的输入 ref 中

How to allow only numbers to be filled into input ref with class name using javascript?

本文关键字：ref 输入 填充 javascript 何使用 数字      更新时间：2023-09-26

如何使用javascript只允许numbers用类名填充到输入引用中？

我测试我的代码但不起作用，

谢谢你的帮助。

<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
<script language="JavaScript" type="text/javascript">
function input_format()
{
    $(.number).val($(.number).val().replace(/[^'d].+/, ""));
    if ((event.which < 48 || event.which > 57)) {
        event.preventDefault();
    }
}
</script>
<input type="text" id="number" class="number" name="number" onkeypress="input_format()" onblur="input_format()">

试试吧！

   function numberOnly(event){
		    var chCode = (event.charCode === undefined) ? event.keyCode : event.charCode;
		    if (chCode > 31 && (chCode < 48 || chCode > 57))
			    return false;
		    else
			    return true;
	    }
    <input type="text" id="number" class="number" name="number" onkeypress="return numberOnly(event);">

你的代码有 2 个问题。

您需要将事件作为参数传递

onkeypress="input_format(event)"

那么你的函数将看起来像

function input_format(event)
{

您还需要用这样的引号包装类名

$(".number").

您的最终代码将如下所示

function input_format(event) {
    $(".number").val($(".number").val().replace(/[^'d].+/, ""));
    if ((event.which < 48 || event.which > 57)) {
        event.preventDefault();
    }
}

工作小提琴

相关文章：