Javascript 将我的函数应用于多个文本框时出现问题_Javascript_Jquery

Javascript 将我的函数应用于多个文本框时出现问题

javascript jquery

Javascript 将我的函数应用于多个文本框时出现问题,javascript,jquery,Javascript,Jquery,因此，我对jquery是一个全新的人，我正试图弄清楚如何将我的函数应用于多个文本框，我最终需要将它连接到另一个类似于我拥有的函数，但我无法弄清楚如何将它们都连接起来，以便它们不允许某些输入。任何关于这方面的建议都将不胜感激 <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(

因此，我对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>


$（文档）.ready（函数（）{
$（“#textBox”）.keypress（函数（e）//该函数将选中该文本框
{ 
如果（e.which！=8&&e.which！=0&&e.which57））
{
返回false；
} 
});
});
仅限数字：

仅限信件：

提前感谢，

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

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

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

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

使用类属性：

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

使用类属性：

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

要将该函数应用于所有

input type=“text”

元素，请执行以下操作：

更改：

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

致：

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

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

要将该函数应用于所有

input type=“text”

元素，请执行以下操作：

更改：

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

致：

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

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

试试看

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

提供的示例仅选择一个文本区域。您正在使用一个只使用一次的特定id

试试看

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

提供的示例仅选择一个文本区域。您正在使用一个只使用一次的特定id

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

我建议您向所有要选择的元素添加一个CSS类。这使得以后添加更多元素变得更容易。

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

我建议您向所有要选择的元素添加一个CSS类。这使得以后添加更多元素变得更加容易。

您只需使用CSS样式的逗号即可将现有函数应用于两个框：

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

这（显然）防止了两个框中的字母。

您只需使用CSS样式的逗号即可将现有函数应用于两个框：

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

这（显然）防止了两个框中的字母。

您想要什么？您的

按键

功能是否适用于两个文本框？或者为每个文本框提供不同的

按键功能？在任何情况下，我认为查看jQuery选择器文档都会非常有帮助：请注意，您关闭了两次脚本标记，但没有关闭字体标记。Stefan，在发布此感谢信后不久，我刚刚捕获了不匹配的标记，詹姆斯：是的，我想最终连接一个非常类似的函数，它只允许字母输入，就像第一个文本框将输入限制为只允许数字一样。@Don Rigatone我不想自私自利，但别忘了选择你接受的答案作为回应。下面有几个很好的答案。找到适合您的，然后单击检查大纲。谢谢。你想要什么？您的按键
功能是否适用于两个文本框？或者为每个文本框提供不同的按键功能？在任何情况下，我认为查看jQuery选择器文档都会非常有帮助：请注意，您关闭了两次脚本标记，但没有关闭字体标记。Stefan，在发布此感谢信后不久，我刚刚捕获了不匹配的标记，詹姆斯：是的，我想最终连接一个非常类似的函数，它只允许字母输入，就像第一个文本框将输入限制为只允许数字一样。@Don Rigatone我不想自私自利，但别忘了选择你接受的答案作为回应。下面有几个很好的答案。找到适合您的，然后单击检查大纲。谢谢。谢谢，我还刚刚习惯jquery语法，但效果很好。谢谢，我还刚刚习惯jquery语法，但效果很好