Dom - Ввод не принят в JS

Question

Dom - Ввод не принят в JS

1

Ребята, я изучаю javascript, я просто хочу взять ввод из текстового поля и отобразить его в окне предупреждения, но некоторые, как мой вход всегда показывает нуль. Вот мой код

var val = document.getElementById('val').value;

function testFunc() {
  alert(val);
  return false;
}

<form action="#" onsubmit="return testFunc()">
  <input type="text" id="val" name="val">
  <button type="submit" value="submit" name="submit">Submit</button>
</form>

Muhammad Omer Aslam 11 июнь 2018, в 22:12

Источник

0

Когда вы отправляете форму, она останавливает выполнение javascript, так как элемент управления перемещается на стороне сервера. Если вы хотите, чтобы это работало, измените тип вашей кнопки на кнопку, добавьте обработчик события click для кнопки и вызовите внутри нее свой метод testFunc ().
Ryan Wilson 11 июнь 2018, в 19:52
0

var val = document.getElementById('val').value; не распространяется в будущее; если вы хотите получить текущее value вашего ввода, вы должны сделать это после нажатия кнопки.
Chris G 11 июнь 2018, в 19:56

Теги:

javascript

3 ответа

0

Переместить var val = document.getElementById('val').value; внутри вашей функции обработчика.

лайк

function testFunc() {
    var val = document.getElementById('val').value;
    alert(val);
    return false;
}

<form action="#" onsubmit="return testFunc()">
   <input type="text" id="val" name="val">
   <button type="submit" value="submit" name="submit">Submit</button>
</form>

Почему: вы хотите получать значение только на странице, а не при загрузке DOM

George Bailey 11 июнь 2018, в 17:36

-1

function testFunc(e){
e.preventDefault();

//add your code here
}

Просто позвоните в свою функцию. Не возвращайте его

Aliakbar sultani 11 июнь 2018, в 17:50

Ещё вопросы

Когда вы отправляете форму, она останавливает выполнение javascript, так как элемент управления перемещается на стороне сервера. Если вы хотите, чтобы это работало, измените тип вашей кнопки на кнопку, добавьте обработчик события click для кнопки и вызовите внутри нее свой метод testFunc ().
var val = document.getElementById('val').value; не распространяется в будущее; если вы хотите получить текущее value вашего ввода, вы должны сделать это после нажатия кнопки.

Muhammad Omer Aslam · Accepted Answer · 2018-06-11T18-36-00.000Z

Вам нужно получить значение внутри функции, а не снаружи, так как при загрузке страницы значение пусто, следовательно, оно показывает то же значение, что и при загрузке страницы для ввода, а не в текущий момент, см. Ниже

<form action="#" onsubmit="return testFunc()">
  <input type="text" id="val" name="val">
  <button type="submit" value="submit" name="submit">Submit</button>
</form>

<script>
  function testFunc() {
    var val = document.getElementById('val').value;
    alert(val);
    return false;
  }
</script>