jQuery를 사용하여 다른 div에 json 응답 적용

Question

jQuery 및 ajaxForm 플러그인을 사용하여 제출할 로그인 양식이 있습니다. 형태는 잘 제출하고 난 JSON 응답 AOK를 수신하고 있습니다 :

<?php echo form::open('login',array('id'=>'login'));?> 
<div id="username_errors"></div>   
<?php echo form::label('username','Username');?><br/> 
<?php echo form::input('username','',array('id' => 'username','class'=>'login   text ui-widget-content ui-corner-all'));?><br/> 
<div id="password_errors"></div>   
<?php echo form::label('password','Password');?><br/> 
<?php echo form::password('password','',array('id' => 'password','class'=>'text ui-widget-content ui-corner-all'));?><br/> 

<?php echo form::label('remember_me','Remember Me'); 
    echo form::checkbox('Remember Me', 'remember_me', FALSE);?><br/> 

<?php echo form::submit('submit','Login'); 
    echo form::close();?> 

내 jQuery를 :

jQuery('.form #login').ajaxForm({ 
    data: jQuery(this).serialize(), 
    dataType:'json', 
    url:'login', 
    success: function(data){ 
     if (data.redirect == 'home') { 
     window.location.href=data.redirect; 
     }//else append error messages to relevant divs 

     } 
     }); 

내가 원하는 kohana 프레임 워크를 사용하여 다음과 같이

{"username":"Enter your username","password":"password must not be empty"} 

내 양식입니다 내 오류 메시지 (있는 경우)를 가져 와서 관련 메시지를 오류 메시지와 함께 채 웁니다. 어떤 아이디어? 나는 당신이 아주 가까이 있다고 생각

Answer 1

는 시도 :

jQuery('.form #login').ajaxForm({ 
    data: jQuery(this).serialize(), 
    dataType:'json', 
    url:'login', 
    success: function(data){ 
     if (data.redirect == 'home') { 
      window.location.href=data.redirect; 
     } else { 
      $('#username_errors').html(data.username);  
      $('#password_errors').html(data.password);   
     } 
    });