Зупинити подання поля у формі у формі

Я пишу javascript (жирна клавіша / сценарій користувача), яка вставить деякі поля введення у форму на веб-сайті.

Справа в тому, що я не хочу, щоб ці поля вводу жодним чином впливали на форму, я не хочу, щоб вони надсилалися під час подання форми, я лише хочу, щоб мій JavaScript мав доступ до їх значень.

Чи є якимось чином я можу додати деякі поля введення в середину форми і не подати їх під час подання форми?

Очевидно, що ідеальною справою було б, щоб поля введення не були в елементі форми, але я хочу, щоб у макеті моєї сторінки, що вводиться, з'явилися між елементами початкової форми.

Ви можете вставити поля введення без атрибута "name":

<input type="text" id="in-between" />

Або ви можете просто видалити їх після надсилання (в jQuery) форми:

$("form").submit(function() {
   $(this).children('#in-between').remove();
});

Найпростіше зробити це вставити елементи з disabledатрибутом.

<input type="hidden" name="not_gonna_submit" disabled="disabled" value="invisible" />

Таким чином, ви все ще можете отримати доступ до них як діти форми.

У полях з обмеженими можливостями є той недолік, що користувач взагалі не може взаємодіяти з ними, тому якщо у вас є disabledтекстове поле, користувач не може вибрати текст. Якщо у вас є disabledпрапорець, користувач не може змінити свій стан.

Ви також можете написати javascript для запуску під час подання форми, щоб видалити поля, які ви не бажаєте надсилати.

Проста спроба видалити атрибут імені з елемента введення.
Так це має бути схожим

<input type="checkbox" checked="" id="class_box_2" value="2">

Я просто хотів додати додатковий варіант: у свій ввід додайте тег форми та вкажіть назву форми, яка не існує на вашій сторінці:

<input form="fakeForm" type="text" readonly value="random value" />

Ви можете написати обробник подій, onsubmitякий видаляє nameатрибут з усіх полів введення, які ви хочете не включати до подання форми.

Ось короткий неперевірений приклад:

var noSubmitElements = [ 'someFormElementID1', 'someFormElementID2' ]; //...
function submitForm() {
    for( var i = 0, j = noSubmitElements.length; i < j; i++ ) {
        document.getElementById(noSubmitElements[i]).removeAttribute('name');
    }
}
form.onsubmit = submitForm;

Я знаю, що цей пост давній, але я все одно відповім. Найпростіший / найкращий спосіб, який я знайшов - це просто встановити ім’я в порожнє.

Поставте це перед поданням:

document.getElementById("TheInputsIdHere").name = "";

Загалом ваша функція подання може виглядати приблизно так:

document.getElementById("TheInputsIdHere").name = "";
document.getElementById("TheFormsIdHere").submit();

Ця форма все ще надсилатиме форму з усіма вашими іншими полями, але не надсилатиме форму без імені.

Додати ввімкнено = "вимкнено" і в той час, коли jquery видаліть атрибут вимкнено, коли ви хочете надіслати його за допомогою .removeAttr ("вимкнено")

HTML:

<input type="hidden" name="test" value="test" disabled='disabled'/>

jquery:

$("input[name='test']").removeAttr('disabled');

Усі вищевказані відповіді вже говорили про те, що (не) називати контрольні форми або програмно їх видаляти, перш ніж фактично надсилати форму.

Хоча в
ході мого дослідження я знайшов ще одне рішення, про яке я не бачив згаданих у цій публікації: Якщо ви інкапсулюєте контрольні форми, ви хочете, щоб їх не обробляли / не надсилали, всередині іншого <form>тегу без methodатрибута ні path(і, очевидно, немає контролю над типом як кнопка або надіслати вкладені в неї кнопки), то подання батьківської форми не включатиме ці інкапсульовані елементи керування формою.

<form method="POST" path="/path">
  <input type="text" name="sent" value="..." />
  <form>
    <input type="text" name="notSent" value="..." />
  </form>
  <input type="submit" name="submit" value="Submit" />
</form>

Контрольне значення [name = "notSent"] не обробляється та не надсилається кінцевій точці POST сервера, але те, що з [name = "sent"], буде.

Це рішення може бути анекдотичним, але я все ще залишаю це для нащадків ...

Обробіть подачу форми у функції через onSubmit () та виконайте щось на кшталт нижче, щоб видалити елемент форми: Використовуйте getElementById()DOM, потім використовуючи[object].parentNode.removeChild([object])

припустимо, що у вашому полі є атрибут id "my_removable_field" код:

var remEl = document.getElementById("my_removable_field");
if ( remEl.parentNode && remEl.parentNode.removeChild ) {
remEl.parentNode.removeChild(remEl);
}

Це дозволить отримати саме те, що ви шукаєте.

Вам навіть потрібні вони, щоб вони були вхідними елементами в першу чергу? Ви можете використовувати Javascript для динамічного створення знаків або абзаців чи списків або будь-якої іншої інформації, яка містить інформацію, яку ви хочете представити.

Але якщо інтерактивний елемент важливий і болить у прикладі, щоб розмістити ці елементи поза <form>блоком, потрібно було б видалити ці елементи з форми, коли сторінка надсилається.

Вам потрібно додати підписку у формі:

<form action="YOUR_URL" method="post" accept-charset="utf-8" onsubmit="return validateRegisterForm();">

І сценарій буде таким:

        function validateRegisterForm(){
        if(SOMETHING IS WRONG)
        { 
            alert("validation failed");
            event.preventDefault();
            return false;

        }else{
            alert("validations passed");
            return true;
        }
    }

Це працює для мене щоразу :)