如何使用javascript关注html文本框？

嗨，大家好，有人可以告诉我如何使用JavaScript来关注HTML文本框？我是编程的总新手，刚开始学习。我在这里代码我想在文本框中设置光标。如何使用javascript关注html文本框？

的test.html

<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!!!"); 
    } 
} 
</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="parseTest();" /> 
</form> 
</body> 
</html>

我是一个新手，总那么请耐心等待。请帮助...

来源

2011-05-02 Newbie Coder

您的代码__will__将重点放在输入框......究竟是什么问题？ – ampersand 2011-05-02 08:39:31

你说了一些关于焦点的内容，稍后你会说一些关于将光标置于文本框顶部的内容，您想要实现哪些内容？ – Ruben 2011-05-02 08:39:46

我的意思是在文本域 – 2011-05-02 08:42:04

此代码会执行此操作 - 但是，之后，它会提交表单并重新显示页面，这就是为什么您没有看到焦点发生的原因。

只需添加一个return false;到您的函数调用onclick，像这样：

<input type="submit" value="Check!" onclick="parseTest(); return false;" />

来源

2011-05-02 08:43:32 Thilo

感谢兄弟...它的工作！ – 2011-05-02 08:46:59

欢迎bro :-) – Thilo 2011-05-02 08:48:24

顺便说一句，如果您以后需要实际提交表单，则需要使用Javascript来完成。例如，签出http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtml。 – Thilo 2011-05-02 08:49:48

事实上，你不希望每个按钮点击后提交。
你可以做另一种方式：
1.如果你只想检查输入，没有subiting形式：使用“按钮”输入型

<input type="button" value="Check!" onclick="parseTest();" />

2.如果你想提交如果一切是正确的：使用它是这样的：

<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>

来源

2011-05-02 09:39:25 mj82

如何使用javascript关注html文本框？

回答

相关问题