Question

回车键不起作用。填写完表格后不起作用。我不想使用表格标签。

<div>
    <label style="color:white;"> Name:</label>
    <input type="text" class="span2" name="loginname" id="loginname"  />
    <label style="color:white;"> password</label>
    <input type="password" class="span2" name="loginpass" id="loginpass" />
    <button type="submit" class="btn btn-success" autofocus onclick="login()">enter</button> 

</div>

因为我使用了带有codeginiter的ajax。

  function login(){
          var usr = $('#loginname').val();
          var pass= $('#loginpass').val();
         $.ajax({ 
                      type: "POST", 
                      url: "http://localhost/ci/index.php/user/register",
                       data: {          "isim": usr,
                                        'pass' : sifre,
                                      },
                      success: function(msg){
                        if (msg=="ok") {
                         window.location = "http://localhost/ci/index.php/user/main";

                         }else{

                              new Messi(msg, {title: 'ERROR', modal: true});
                         }
                      }
                    });
     }
        }

}

Answer 1

试试这个

<html>
<head><title>title</title></head>
<body>
  <form action="" method="post">
  Name: <input type="text" name="name"/><br/>
  Pwd: <input type="password" name="password"/><br/>
  <input type="submit"/>
</form>
</body>
</html>

JS档案

function divClicked() {
$(this).html("Clicked");
//Do form submission
}

$(function() {
    $("input[type=submit]").addClass("hidden");
    $("form").append($(document.createElement("div")).html("My div").click(divClicked));
});

css文件

input.hidden {
    border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

这是JSFIDDLE http://jsfiddle.net/Suyw6/1/

Answer 2

要使用输入，您需要在表单上添加事件onSubmit。然后它将适用于提交按钮并输入。

Answer 3

如果您不想使用form tag，可以使用ajax
试试这个：这是您在login()

中使用的onclick函数的javascript / jquery

function login(){
    loginName = $('#loginname').val();
    loginPass = $('#loginpass').val();
    $.ajax({
        url: 'yourActionUrl?cmd=login&amp;loginname=' + loginname + '&amp;loginpass=' + loginPass,
        type: "GET",
        dataType: "html"
    }).done(function(data){
        alert(data);
    });
}

有关详细信息，请参阅ajax website

Answer 4

尝试这样的事情：

$(document).keypress(function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        alert('You pressed "enter" somewhere');
            //you login call goes here
    }
});

您也可以将其更改为从任一文本框中获取按键

输入键不起作用

4 个答案: