işlem içermeyen ve enter sayfasının yeniden yüklenmediği form

Gönder düğmesi olmayan bir HTML formu oluşturmanın en düzgün yolunu arıyorum. Bu kendi başına yeterince kolay, ancak gönderim benzeri şeyler yapıldığında (örneğin, Enterbir metin alanına vurmak ) formun kendini yeniden yüklemesini de durdurmam gerekiyor .

Forma bir onsubmit işleyicisi ekleyin (düz js veya jquery $ (). Submit (fn) aracılığıyla) ve özel koşullarınız karşılanmadığı sürece false değerini döndürün.

Formun gönderilmesini istemediğiniz sürece - bu durumda, neden form öğesindeki "eylem" özelliğini dışarıda bırakmıyorsunuz?

action="javascript:void(0);"Sayfanın yeniden yüklenmesini önlemek ve HTML standardını korumak için formunuza eklemek isteyeceksiniz .

Bu etkinliği metin alanınıza eklemeniz yeterlidir. Enter tuşuna basıldığında gönderimi engelleyecektir ve gerektiği gibi bir gönder düğmesi veya arama formu eklemekte özgürsünüz.

onKeyPress="if (event.which == 13) return false;"

Örneğin:

<input id="txt" type="text" onKeyPress="if (event.which == 13) return false;"></input>

Bir forma enter tuşuna bastığınızda, formun doğal davranışı gönderilmektir, doğal olmayan bu davranışı durdurmak için jquery ile gönderilmesini engellemelisiniz (varsayılan davranış):

$("#yourFormId").on("submit",function(event){event.preventDefault()})

bir fikir:

<form method="POST" action="javascript:void(0);" onSubmit="CheckPassword()">
    <input id="pwset" type="text" size="20" name='pwuser'><br><br>
    <button type="button" onclick="CheckPassword()">Next</button>
</form>

ve

<script type="text/javascript">
    $("#pwset").focus();
    function CheckPassword()
    {
        inputtxt = $("#pwset").val();
        //and now your code
        $("#div1").load("next.php #div2");
        return false;
    }
</script>

Çözmenin iki yolu:

1. formun işlem değeri "javascript: void (0);".
2. göndermeyi önlemek için form için tuşa basma olay dinleyicisi ekleyin.

İlk cevap en iyi çözümdür:

Forma bir onsubmit işleyicisi ekleyin (düz js veya jquery $ (). Submit (fn) aracılığıyla) ve özel koşullarınız karşılanmadığı sürece false değerini döndürün.

Jquery ile daha spesifik:

$('#your-form-id').submit(function(){return false;});

Formun gönderilmesini istemediğiniz sürece - bu durumda, neden form öğesindeki "eylem" özelliğini dışarıda bırakmıyorsunuz?

Chrome uzantıları yazmak, kullanıcı girişi için bir formunuzun nerede olabileceğine bir örnektir, ancak formun gönderilmesini istemezsiniz. Action = "javascript: void (0);" kullanırsanız, kod muhtemelen çalışacaktır, ancak satır içi Javascript çalıştırmayla ilgili bir hata aldığınız bu sorunla sonuçlanacaksınız .

İşlemi tamamen dışarıda bırakırsanız, form yeniden yüklenir ve bu da bazı durumlarda bir Chrome uzantısı yazarken istenmeyen bir durumdur. Ya da, kullanıcının bir miktar girdi sağlayıp "Hesapla" ya da buna benzer bir şeyi tıkladığı bir tür yerleşik hesap makinesi içeren bir web sayfanız varsa.