Ajax 특정 필드 제출

Question

Jquery ajax를 처음 사용하고 있으며 전체 양식을 제출하는 대신 특정 필드를 제출하기 위해 노력하고 있습니다. 여기에 내가 사용할 수있는 사용자 이름을 확인하는 함수를 만들었고, 잘 작동하지만, 검사를 할 때 전체 양식을 제출하는 것을 원하지 않습니다. 한마디로

<form id="userCheck"> 
<input type="text" class="register_field" name="fr_username" id="fr_username" /> 
<input type="text" class="register_field" name="fr_password" id="fr_password" /> 
<input type="text" class="register_field" name="fr_password1" id="fr_password1" /> 
</form> 

<script> 
$.validator.addMethod("duplicateCheck", function(value, element) { 
      $.ajax({ 
     type: 'POST', 
     url: '../a/checkDuplicate', 
     data: $("#userCheck").serialize(), 
     dataType: 'json' 
    }).success(function(data){ 
     if(data.status == '1'){ 
      console.log('Available!'); 
     } 
     else { 
      console.log('not available'); 
      $('#fr_dupChkU_msg').html(''); 
     } 
    }); 
     }); 
</script> 

Answer 1

, 당신이 jQuery를 함께 입력 필드의 값을 얻는 방법 즉 :

<script type="text/javascript"> 
    var username = $('#fr_username').val(); 

    $.validator.addMethod('duplicateCheck', function(value, element) { 
      $.ajax({ 
     type: 'POST', 
     url: '../a/checkDuplicate', 
     data: {username: username}, 
    }).success(function(data){ 
     if(data.status == '1'){ 
      console.log('Available!'); 
     } 
     else { 
      console.log('not available'); 
      $('#fr_dupChkU_msg').html(''); 
     } 
    }); 
     }); 
</script>