2014-02-18 80 views
-2

回車鍵不起作用。填寫表格後不起作用。我不想使用表格標籤。回車鍵不起作用

<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}); 
         } 
         } 
        }); 
    } 
     } 

}

+2

添加你的js函數login()。 –

+0

嘗試'onsubmit'而不是'onclick' – krishna

+3

爲什麼不使用專門爲您設計的標籤? – berentrom

回答

0

如果你不想使用form tag可以使用ajax
試試這個: 這是使用Javascript/jQuery的爲您在onclick

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以獲取更多信息

+0

謝謝。但輸入按鈕不工作。 – osmansert

0

爲了使用輸入你需要有一個表單和表單中添加事件的onsubmit。那麼它將同時用於提交按鈕和輸入。

2

試試這個

<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/

+0

我正在編輯question.i不形式,因爲我使用ajax。 – osmansert

0
login()功能

嘗試類似這樣:

$(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 
    } 
}); 

你也可以改變它以從任一文本框中獲取按鍵。