Ограничить определенные почтовые индексы от ввода ввода формы.

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> 

then on Form Отправить, этот код работает .. - нет проблем.

Однако, хотел бы обновить (используя jquery still) - предупреждение появляется при записи и не нужно ждать до отправки?

Answer 1

Что вы используете - это простой javascript.

Вы можете использовать событие keyup jquery, чтобы выполнить то, что вам нужно.

<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» всегда будет правдой. Это должно быть 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); 
    } 
}