Question

我想在JavaScript中使用HTML表单元素。我像这样使用它们但它不起作用：

<munit:config mock-connectors="false" mock- inbounds="false"/>

...而且JavaScript代码是这样的：

<form name="M">
  <input name="in1" type="text" id="in1">
  <input type="button" name="btn1" id="btn1" value="Check" onclick="f1()">
</form>
<script src="script.js"></script>

这里有什么问题？

Answer 1

只是为了澄清为什么这不起作用。在测试中，document.M.elements[0]是对input对象的引用，而不是对输入的value的引用。使用document.M.elements[0].value为我们提供输入的当前值。

//Ignore this, for display only.
function output(msg) {
  var element = document.getElementById('output');
  element.innerHTML = msg;
};



function f1() {
  var s1 = 60;
  if (document.M.elements[0].value == s1) {
    output('Pass');
  } else {
    output('Fail');
  }
}

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>

<body>
  <form name="M">
    <input name="in1" type="text" id="in1">
    <input type="button" name="btn1" id="btn1" value="Check" onclick="f1()">
  </form>
  <b id="output"></b>
</body>

</html>

我如何在javascript中使用表单项

1 个答案: