Question

所以我对jquery完全不熟悉，并试图弄清楚如何将我的函数应用于多个文本框，我最终需要将它连接到另一个类似于我的函数，但我只是无法弄清楚如何将它们挂钩，以便它们不允许某些输入。对此有任何建议非常感谢。

<html>
<head>


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$(document).ready(function(){


$("#textBox").keypress(function (e)  //the function will check the  textbox
{ 


  if( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57))
  {
    return false;
  } 
});





});
</script>

</script>

</head>
<body>

<font face='courier'>
Numbers Only : <input type="text" id="textBox" /><br/>
Letters Only : <input type="text" id="textBox2" />

</body>
</html>

提前致谢，

Answer 1

试试

$("#textBox,#textBox2").keypress();

提供的示例仅选择一个textarea。您正在使用仅使用一次的特定ID。

http://api.jquery.com/multiple-selector/

Answer 2

只需使用类选择器或属性选择器：

$('input[type="text"]').keypress(function(e) {
  // ...
});

Answer 3

使用class属性：

<input type="text" class="myclass" id="textBox" />
<input type="text" class="myclass" id="textBox2" />

在你的javascript中

 $(".myclass").keypress(function (e)  //the function will check the  textbox

Answer 4

将该函数应用于所有input type="text"元素：

变化：

$("#textBox").keypress(function (e)  //the function will check the  textbox

要：

$(":text").keypress(function (e)  //the function will check the  textbox

如果您只想将它应用于某些文本输入，请使用class =“myClass”标记这些输入并将jquery行更改为：

$(".myclass").keypress(function (e)  //the function will check the  textbox

Answer 5

编写一个与所有文本框匹配的选择器或使用多重选择器。

http://api.jquery.com/multiple-selector/

我建议你为你想要选择的所有元素添加一个CSS类。这样可以在将来添加更多元素。

Answer 6

您只需使用CSS样式的逗号：

即可将现有功能应用于这两个框

$("#textBox, #textBox2").keypress(function (e)

这（显然）会阻止两个方框中的字母。

无法将我的功能应用于多个文本框

6 个答案: