自動提出文字がフォームの特定の番号に達したときに機能しません

Question

このコードは動作しますが、コピーして貼り付けても送信されません。

<script src="jquery-3.2.1.min.js"></script> 

<form id="Form" action="pro_add_invoice.cfm" method="post"> 
    <input id="here"name="htno" type="text" value="" />&nbsp; 
    <input id="subHere" type="submit" value="Submit" /> 
</form> 

<script> 
    $('#here').keyup(function(){ 
     if(this.value.length ==10){ 
      $('#Form').submit(); 
     } 
    }); 
</script> 

Answer 1

10文字を入力した後にフォームを送信したいと仮定しています。代わりに$().submit()を使用して、フォームのIDを渡すことができます。

<form id="Form" action="sell.cfm" method="post"> 
    <input id="here"name="htno" type="text" value="" />&nbsp; 
    <input id="subHere" type="submit" value="Submit" /> 
</form> 

<script> 
    //$('#here').keyup(function(){ 
    // if(this.value.length ==10){ 
    //  $('#Form').submit(); 
    // } 
    //}); 

    var input = document.querySelector('#here'); 
    input.addEventListener('keyup', checkLength); 
    function checkLength(e){ 
     if(e.target.value.length===10){ 
      document.forms["Form"].submit(); 
     } 
    } 

</script> 

Answer 2

フォームを送信する場合は、クリックイベントハンドラを使用できません。これはクリックイベントの場合のみです。フォームを送信するには、フォーム要素のsubmitメソッドを呼び出す必要があります。

バニラJS：

document.forms.Form.submit(); 

または はJQuery：文は次のことを実行する場合は

はあなたを変更

$('#Form').submit(); 

SO ...

<script> 
    $('#here').keyup(function(){ 
    if(this.value.length ==10){ 
     $('#Form').submit(); 
    } 
}); 
</script> 

Answer 3

I薄いですここでの問題はthisコンテキストは#hereに属しておらず、匿名関数のスコープ（おそらく）はwindowに属しています。

変更してみてください、私はまだそれを試していないが、おそらくこれは、問題を解決this('#here')