【【文本框后有个button按钮，怎么使其按回车就提交？？？】】

文本框后有个button按钮(非submit)，怎么使其当在文本框输入内容后按回车就提交？？？并且只有当光标位于文本框内时，按回车才提交

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function show() {
    //回车键对应的ASCII是13，Tab对应的是9
    //判断按下回车建的控件类型，不能是reset，submit，textarea和空
    if (event.keyCode == 13 && event.srcElement.type != "submit" &&
    event.srcElement.type != "reset" && event.srcElement.type != "textarea" &&
    event.srcElement.type != "" ) {
    event.keyCode = 9;
    }
    }
    //键盘按下事件
    document.onkeydown = show;
    //-->
    </SCRIPT>
     </HEAD> <BODY>
     <form action="" method="post" name="inputForm">
    <input type="text" name="names"><br>
    <input type="text" name = "txtNames"><br>
    <input type="button" value="提交">
     </form>
     </BODY>
    </HTML>
      

  2.   


     <script>
      function on_entry(){
      if(event.keyCode==13)
         login();
    }
    function login()
    {
     document.Form1.submit();
    }
    }
     </script> <tr bgcolor="#ffffff">
        <td align="right">密码：</td><td align="left"><INPUT id=passwd class="editText" type=password style="width:120px;height=20" onkeypress="on_entry();" name=passwd></td>
        </tr>
      

  3.   

    <HTML><Head>
    <script type="text/javascript">
      function submitData(event){
        var oEvent = event || window.event;
    if(oEvent.keyCode == "13"){
      document.form1.submit();
    }
      }
    </script></Head>
    <body>
    <form action="aa.html" method="post" name="form1">
     <input type="text" name="data" id="data" onkeypress="submitData(event)"/><br />
     <input type="button" id="sub" value="submit" />
    </form>
    </body></Html>