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>

PLSのは我慢して私は合計初心者です。 Plsヘルプ...

出典

2011-05-02 Newbie Coder

あなたのコード__will__入力ボックスにフォーカスを当ててください...何が問題なのですか？ – ampersand

あなたは焦点について何かを言い、後にあなたが達成したいテキストボックスの欄の上にカーソルを置くことについて何か言いますか？ – Ruben

私はテキストフィールドで意味します –

このコードでは、後でフォームを送信してページを再表示するので、フォーカスが発生していないことがわかります。実際に

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

出典

2011-05-02 08:43:32 Thilo

おかげで...それは働いた！ –

ようこそbro :-) – Thilo

ところで、実際にフォームを送信する必要がある場合は、Javascriptで行う必要があります。 http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtmlなどのチェックアウトを行います。 – Thilo

、あなたは各ボタンのクリック後に提出したくない：

単純にそうように、onclickであなたの関数呼び出しにreturn false;を追加します。
あなたはそれを別の方法で行うことができます：あなたはすべてが正しい場合は提出したい場合は、「ボタン」入力タイプ

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

2を使用します：使用をあなただけのフォームをsubitingせずに、入力を確認したい場合は
1をそれは次のようなものです：

<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テキストフィールドにフォーカスするには？

答えて

関連する問題