<input> nasıl devre dışı bırakılır, ancak yazmama

Question

Yani, bir form işleyicisine gönderecek olan bir düğüme zaten sahip olduğum için bu girdiyi girebilmek, ancak göndermemek için bu <input> aldım.

<form name="form"> 
    <input id="JSinp" type="email" name="Com" method="post" 
    autocomplete="off" required autofocus>                     
    </form> 
    <button onclick="exec()" id="evalbutton">Submit</button> 

    <script> 
    function exec() { 
    var Com = document.forms["form"] ["Com"].value; 
    eval(Com); 
    } 

Kimlikler yalnızca stil amaçlıdır. Şu anda, <input> numarasına girdiğimde, URL'de görünecek ve tüm yayın yenileme yenilemesinden ve her neyse. Bu başka bir şey. URL çubuğunda method="post" kullanırken görünmüyor muydu? Bu sadece tarayıcımda bir hata olabilir, ancak herhangi bir yardım takdir edilecektir.

GÜNCELLEME: <input type="submit" onclick="exec()" id="evalbutton" value="Submit">
ve çalışır: Sadece bu düğmeye yerini aldı.

Ancak method="post" ile ilgili herhangi bir yardım büyük bir yardımcı olacaktır.

Answer 1

İlk birkaç ipucu: method="post"

onsubmit="exec()" yanı form etiketinde

Hiç aittir form etikete ait

• , asla kullanım eval

F önlemek için

ikinci Birisi giriş yaptığında (varsayılan olarak formu gönderir) gönderilecek orm, bir tuşa basın. Ve eğer girerse, formun gönderilmesini önleyin.

https://jsfiddle.net/ue3knhLz/2/

Answer 2

Sen giriş tuşuna atlayarak bunun olmasını olayı engelleyebilir.

document.getElementById('JSinp').addEventListener('keydown', function(event){ 
    var KEYCODE_ENTER = 13; 
    if (event.which == KEYCODE_ENTER) 
    event.preventDefault(); 
});