特定のポストコードがフォーム入力に入力されないように制限

Question

現時点ではスクリプトを使用して、特定のポストコードが関連する入力フィールドに入力されないようにします。

<script> 
function checkForm() 
{ 
    var a=document.forms["InsertFrm"]["Postcode"].value; 

if(a == "4001" || "4002") { 
    alert("Sorry. This Membership is only available to visitors to the Area!"); 
    return false; 
    } 

    } 
    </script> 

フォーム提出時に、このコードは実行されます。 - probsはありません。

しかし、（jqueryを使用して）更新したいと思います - 警告が表示され、送信するまで待つ必要はありませんか？

Answer 1

あなたが使用しているのはプレーンなjavascriptです。

jqueryのkeyupイベントを使用して、必要な処理を行うことができます。あなたの入力フィールドと

<script> 
    function checkForm() { 
    var a=document.forms["InsertFrm"]["Postcode"].value; 
    // change your condition to this as "4002" is always true 
    if(a == "4001" || a == "4002") { 
     alert("Sorry. This Membership is only available to visitors to the Area!"); 
     return false; 
    } 
    } 
    $(document).ready(function() { 
    $('input').on('keyup', function(evt) { 
     checkForm(); 
    }); 
    $('form').on('submit', function(evt) { 
     checkForm(); 
    }); 
    }); 
</script> 

置き換える$('input')、すなわち$('input#postcode')とご入力フィールドを持つ
$('form')、すなわち$('form#addressform')ます。またif(a == "4001" || "4002")「4002」のように自分の状態を変更する必要が

常にtrueになります。 if(a == "4001" || a == "4002")

また、送信ボタンを無効にすることもできますが、クライアント側では簡単に克服できるため、サブミットリスナーを使用する方が安全です。

楽しみのためだけに、あなたもこれを試みることができる：

function checkForm() { 
    var a=document.forms["InsertFrm"]["Postcode"].value; 
    // change your condition to this as "4002" is always true 
    if(a == "4001" || a == "4002") { 
     alert("Sorry. This Membership is only available to visitors to the Area!"); 
     $('input[type=submit]').prop('disabled', true); 
     return false; 
    } else { 
     $('input[type=submit]').prop('disabled', false); 
    } 
}