좋은 jQuery 아약스 코드를 얻을 수 없다.

동적으로 새로운 텍스트 필드를 추가하기 위해 jQuery 코드를 만들었다. 또한 필드의 양을 확인합니다.좋은 jQuery 아약스 코드를 얻을 수 없다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 

<head> 
<style type="text/css"> 

    fieldset { 
     margin-bottom: 1em; 
    } 

    input { 
     display: block; 
     margin-bottom: .25em; 
    } 

    #print-output { 
     width: 100%; 
    } 

    .print-output-line { 
     white-space: pre; 
     padding: 5px; 
     font-family: monaco, monospace; 
     font-size: .7em; 
    } 

    .enter { 
     padding-bottom: 15px;72-96027-0008 

    } 

</style> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
</head> 

<body onload="doIt();"> 

<form> 
    <div id="fields"> 
     <input id="input_'+ i +'" type="text" name="barcodes[]" class="target" /><span id="status_'+ i +'"></span><br /> 
    </div> 
</form> 

<script type="text/javascript"> 
    function doIt() 
    { 
     var i = $('input').size() + 1; 

     $("input:last").focus(); 
     $("input:last").keypress (function (e) 
     { 
      if (e.which == 13) 
      { 
       e.preventDefault(); 

       $("#input_'+ i +'").change(function(){ 

       var barcode = $("input_'+ i +'").val 
       if(barcode.length > 0){ 
        $("#status_'+ i +'").html(''); 

        $.ajax({ 
         type: "POST", 
         url: "text.txt", 
         data: "barcode="+ username, 
         success: function(server_response){ 
          $("#status_'+ i +'").ajaxComplete(function(event, request){ 
           if(server_response == '0'){ 
            $("#status_'+ i +'").html('<font color="red">On bekdende Barcode. probeer het opnieuw.</font>'); 
           }else if(server_response == '1'){ 
            $("#status_'+ i +'").html(''); 

            $("#fields").append ('<div class="enter" id="input_'+ i +'"><input type="text" name="barcodes[]" class="target" /><a href="#" onclick="verwijder (\'' + i + '\')">Delete</a><span id="status"></span></div><div id="error"></div>'); 
            $("#nItems").html("Er zijn " + (i - 1) + " items gescant"); 
           } 
          }); 
         } 
        }); 
       } 
       doIt(); 
      }); 
     } 
    }); 

    doIt(); 

    function verwijder (i) 
    { 
     $("#input_" + i).remove(); 
    } 
</script> 

<span id="nItems">Er zijn nog geen items gescant</span> 

</body> 

</html>

하지만 지금 필드의 입력이 있는지 확인하고 싶습니다. 그리고 그것이 exsists하지 않으면 말해야 만합니다. 나는 많은 시도와 아무것도 아직 작동하지 않습니다.

도움이 감사합니다.

출처

2012-04-13 ABTOMAT

를? 입력 값이 가치가 있는지 확인해야한다는 의미입니까? –

내가 필드에 1을 넣을 때 데이터베이스에 1이 있는지 확인해야합니다. 등등 – ABTOMAT

입력 ID가 _literally_ "input_ '+ i +'"인 이유는 무엇입니까? 당신이 거기에 동적 ID를 넣으려고하는 것처럼 보이지만, 이것은 어떻게 작동 할 것인가가 아닙니다 ... –

이 시도 : 정확히 "필드에 입력"을 의미합니까 무엇

$.ajax({ 
    type: 'HEAD', 
    url: 'link to chek with db', 
    success: function() { 
     alert('Item found.'); 
    }, 
    error: function() { 
     alert('Item not found.'); 
    } 
});

출처

2012-04-13 08:03:07 coder

좋은 jQuery 아약스 코드를 얻을 수 없다.

답변

관련 문제