2014-12-03 28 views
0

如何让只有numbers填写输入参考类名称使用JavaScript?如何仅允许使用javascript将类中的数字填充到输入参数中?

我测试我的代码但不工作,

谢谢你的帮助。

<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()">  
+1

你为什么不使用'INPUT TYPE = “号”' – 2014-12-03 06:56:52

+0

它应该是$,而不是$(数量) – 2014-12-03 06:57:25

+0

@卡尔提克亚( “数字”) - IE旧版本不支持。 – 2014-12-03 06:57:27

回答

0

您的代码有两个问题。

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

onkeypress="input_format(event)" 

然后你的函数将像

function input_format(event) 
{ 

还需要加上引号包住classsname这样

$(".number"). 

您的最终代码看起来像

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

Working fiddle

+0

不工作http://jsfiddle.net/Fp4sJ/809/谢谢 – 2014-12-03 07:04:32

+0

看到提琴http://jsfiddle.net/anoopjoship/Fp4sJ/811/ – 2014-12-03 07:05:37

+0

我可以只使用'onkeypress =“input_format(event)”' – 2014-12-03 07:30:46

1

试试吧!

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

相关问题