从文本框离开后如何将文本框值传递给java脚本?

时间:2014-10-09 06:21:09

标签: javascript html

<html><body>
<input type="text" id="t1" name="t1" />
<input type="button" value="Edit"
    onClick="edit(document.getElementById('t1').value)" />
<div id="div1" style="display: none">
    <input type="text" id="t2" name="t2" value="2" />
</div>

<script>
    function edit() {

        x = document.getElementById('t1').value;
        if (x == "1234") {
            document.getElementById('div1').style.display = 'block';
            alert(x);
        } else {
            document.getElementById("div1").style.display = 'none';
            alert(x);
        }

    }
</script>
</body>
</html>

这里我将文本框t1的值传递给脚本点击按钮以禁用div,但我不想在这里有按钮,而是当我从文本框离开时(输入值后)我必须从文本框本身。但它需要在文本框中传递所有输入的值。

   <input type="text" id="t1" name="t1" onclick="edit(document.getElementById('t1').value);" />

请帮帮忙?我想在javascript而不是jquery吗?请指导我。

2 个答案:

答案 0 :(得分:0)

您可以在文本框中触发onblur事件。

当焦点移出文本框时,请调用所需的功能。

答案 1 :(得分:0)

你可以这样试试,

    <html>
    <body>
    <input type="text" id="t1" name="t1" />
    <div id="div1" style="display: none">
         <input type="text" id="t2" name="t2" value="2" />
    </div>

    <script>
         var x = document.getElementById("t1");  
         x.addEventListener("blur", edit, true);          

         function edit() {

         //do wat ever you want

          }
    </script>
    </body>
    </html>

希望,它有所帮助......