엔터 키가 작동하지 않습니다

-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를 사용했기 때문에. 폼이 필요하고 양식에 이벤트 onSubmit를 추가 입력 사용하려면

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

}

출처

2014-02-18 osmansert

질문에 js 함수 login()을 추가하십시오. –

대신'onsubmit'을 시도하십시오. – krishna

왜 당신의 목적에 맞게 특별히 고안된 태그를 사용하지 않습니까? – berentrom

당신은 당신이 ajax
이 시도 할 수 있습니다 form tag 사용하지 않으려는 경우 : 당신이 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); 
    }); 
}

에 사용 자세한 내용

출처

2014-02-18 08:16:47 EN20

감사합니다. 하지만 단추를 입력하지 마십시오. – osmansert

. 제출 버튼과 입력 모두에 대해 작동합니다.

출처

2014-02-18 07:58:02 jcubic

이

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

입니다 6,

출처

2014-02-18 08:00:32

아약스를 사용하기 때문에 question.i dont form을 편집하고 있습니다. – osmansert

을위한 ajax website를 참조하여 login() 기능에 이있다 자바 스크립트/jQuery를

다음과 같이 시도하십시오.

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

두 글 상자에서 키 누르기를 변경할 수도 있습니다

출처

2014-02-18 09:04:56 ElefantPhace

엔터 키가 작동하지 않습니다

답변

관련 문제