如何使用javascript聚焦html文本字段？_Javascript_Html_Javascript Events_Textfield

如何使用javascript聚焦html文本字段？

javascript html

如何使用javascript聚焦html文本字段？,javascript,html,javascript-events,textfield,Javascript,Html,Javascript Events,Textfield,大家好，有人能告诉我如何使用javascript聚焦html文本字段吗？我是一个完全的编程新手，刚刚开始学习。我这里有代码我想在文本字段中设置光标 test.html 函数parseTest（）{ var elem_1=document.getElementById（'input_1'）； var elem_2=document.getElementById（'input_2'）； var inp_1=elem_1.0值； var inp_2=元素值； if（inp_1==“”&inp_2

大家好，有人能告诉我如何使用javascript聚焦html文本字段吗？我是一个完全的编程新手，刚刚开始学习。我这里有代码我想在文本字段中设置光标

test.html


函数parseTest（）{
var elem_1=document.getElementById（'input_1'）；
var elem_2=document.getElementById（'input_2'）；
var inp_1=elem_1.0值；
var inp_2=元素值；
if（inp_1==“”&inp_2==“”）{
警告（“您需要输入整数！！！”；
元素1.焦点（）；
}else if（inp_1==“”）{
警报（“您需要输入整数1！！！”；
元素1.焦点（）；
}else if（inp_2==“”）{
警告（“您需要输入整数2！！！”；
元素2.焦点（）；
}否则{
如果（！parseInt（inp_1）| |！parseInt（inp_2））警报（“仅输入整数！！！”；
else警报（“正确输入！！！”；
} 
}

我是个新手，所以请耐心等待。请帮助…

这段代码就是这样做的-但是，就在之后，它提交表单并重新显示页面，这就是为什么您看不到焦点发生的原因

只需添加一个

返回falseonclick

中单击code>以调用函数，如下所示：
<input type="submit" value="Check!" onclick="parseTest(); return false;" />

这段代码做到了这一点-但是，就在之后，它提交表单并重新显示页面，这就是为什么您看不到焦点发生的原因
只需添加一个返回falseonclick
中单击code>以调用函数，如下所示：
<input type="submit" value="Check!" onclick="parseTest(); return false;" />

事实上，您不想在每次单击按钮后提交。

你可以用另一种方法：

1.如果您只想检查输入，而不需要对表单进行子标题：使用“按钮”输入类型
<input type="button" value="Check!" onclick="parseTest();" /> 



二,。如果您希望在全部正确的情况下提交：请按如下方式使用：
    <html>
    <head>
    <script type='text/javascript'>
     function parseTest() {
      var elem_1 = document.getElementById('input_1');
      var elem_2 = document.getElementById('input_2');

      var inp_1 = elem_1.value;
      var inp_2 = elem_2.value;

      if (inp_1 == "" && inp_2 == "") {
       alert("You need to enter integers!!!");
       elem_1.focus();
      }else if (inp_1 == ""){
       alert("You need to enter Integer 1!!!");
       elem_1.focus();
      }else if (inp_2 == ""){
       alert("You need to enter Integer 2!!!");
       elem_2.focus();
      }else {
       if (!parseInt(inp_1) || !parseInt(inp_2)) alert ("Enter Integers only!!!");
       else 
       {
          alert("Correct Inputs!!!");
          return true;
       }
      } 
      return false;
     }
    </script>
    </head>

    <body>
     <form name="myform">
      <input type="text" id="input_1" name="input_1" /><br />
      <input type="text" id="input_2" name="input_2" /><br />
      <input type="submit" value="Check!" onclick="return parseTest();" />
     </form>
    </body>
    </html>


函数parseTest（）{
var elem_1=document.getElementById（'input_1'）；
var elem_2=document.getElementById（'input_2'）；
var inp_1=elem_1.0值；
var inp_2=元素值；
if（inp_1==“”&inp_2==“”）{
警告（“您需要输入整数！！！”；
元素1.焦点（）；
}else if（inp_1==“”）{
警报（“您需要输入整数1！！！”；
元素1.焦点（）；
}else if（inp_2==“”）{
警告（“您需要输入整数2！！！”；
元素2.焦点（）；
}否则{
如果（！parseInt（inp_1）| |！parseInt（inp_2））警报（“仅输入整数！！！”；
其他的
{
警报（“正确输入！！！”；
返回true；
}
} 
返回false；
}




事实上，您不想在每次单击按钮后提交。

你可以用另一种方法：

1.如果您只想检查输入，而不需要对表单进行子标题：使用“按钮”输入类型
<input type="button" value="Check!" onclick="parseTest();" /> 



二,。如果您希望在全部正确的情况下提交：请按如下方式使用：
    <html>
    <head>
    <script type='text/javascript'>
     function parseTest() {
      var elem_1 = document.getElementById('input_1');
      var elem_2 = document.getElementById('input_2');

      var inp_1 = elem_1.value;
      var inp_2 = elem_2.value;

      if (inp_1 == "" && inp_2 == "") {
       alert("You need to enter integers!!!");
       elem_1.focus();
      }else if (inp_1 == ""){
       alert("You need to enter Integer 1!!!");
       elem_1.focus();
      }else if (inp_2 == ""){
       alert("You need to enter Integer 2!!!");
       elem_2.focus();
      }else {
       if (!parseInt(inp_1) || !parseInt(inp_2)) alert ("Enter Integers only!!!");
       else 
       {
          alert("Correct Inputs!!!");
          return true;
       }
      } 
      return false;
     }
    </script>
    </head>

    <body>
     <form name="myform">
      <input type="text" id="input_1" name="input_1" /><br />
      <input type="text" id="input_2" name="input_2" /><br />
      <input type="submit" value="Check!" onclick="return parseTest();" />
     </form>
    </body>
    </html>


函数parseTest（）{
var elem_1=document.getElementById（'input_1'）；
var elem_2=document.getElementById（'input_2'）；
var inp_1=elem_1.0值；
var inp_2=元素值；
if（inp_1==“”&inp_2==“”）{
警告（“您需要输入整数！！！”；
元素1.焦点（）；
}else if（inp_1==“”）{
警报（“您需要输入整数1！！！”；
元素1.焦点（）；
}else if（inp_2==“”）{
警告（“您需要输入整数2！！！”；
元素2.焦点（）；
}否则{
如果（！parseInt（inp_1）| |！parseInt（inp_2））警报（“仅输入整数！！！”；
其他的
{
警报（“正确输入！！！”；
返回true；
}
} 
返回false；
}




您的代码将聚焦输入框…到底是什么问题？您说了一些关于聚焦的内容，然后又说了一些关于将光标放在textboxfield顶部的内容，您希望实现哪些内容？问题在于它不起作用。。。我不知道为什么…你的代码会聚焦于输入框…到底是什么问题？你说了一些关于聚焦的事情，然后你说了一些关于将光标放在textboxfield顶部的事情，你想实现哪一个？问题是它不工作。。。我不知道为什么…顺便说一句，如果你以后需要提交表单，你需要使用Javascript。顺便说一句，如果您以后需要实际提交表单，则需要使用Javascript进行提交。例如结帐。