码迷,mamicode.com
首页 > 其他好文 > 详细

按回车键把表单提交

时间:2016-10-22 07:31:41      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:word   用户   oct   body   htm   info   utf-8   div   html   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form name="loginform" id="loginform"  method="post">
         <div>     
              <p>用户名:<input  type="text" name="username" /></p>
              <p>密码:<input  type="password" name="password" /></p>
              <input type="button" value="提交" class="btn" /></p>
              <p>
          </div>
    </form>
    
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    $("#loginform").keydown(function(e){
     var e = e || event,
     keycode = e.which || e.keyCode;
     if (keycode==13) {
      $(".log_btn").trigger("click");
     }
    });
    $(.btn).click(function(){
        alert(提交)
    })
    
    </script>
</body>
</html>
有什么需要改进的希望看到的给提一下,谢谢

 

按回车键把表单提交

标签:word   用户   oct   body   htm   info   utf-8   div   html   

原文地址:http://www.cnblogs.com/zhaorongzhang/p/5986492.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!