Question

伙计我正在学习javascript我只是想从文本字段中获取输入并将其显示在警告框中，但是我的输入总是显示为null。这是我的代码

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

您需要获取函数内部的值，而不是外部，因为当页面加载时值为空，因此它显示的是输入页面加载时的相同值，而不是当前值见下文

<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>

Answer 2

将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时

Answer 3

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

//add your code here
}

只需打电话给你的功能。别回来了

Dom - 输入不在JS中

3 个答案: