Question

我试图在用户单击“提交”按钮时出现一个警告框，以显示乘法运算的结果，但我似乎无法正确理解

function formAlert3() {
  var x = document.getElementById('quantity').value;
  var result = x * 120;
  alert(result);
  return false;
}

<form name="form3" onsubmit="formAlert3(); return false;">
  <fieldset>
    <label for="tel">quantity:</label>
    <input type="text" name="quantity" id="quantity">
  </fieldset>
</form>
<input type="submit" data-inline="true" value="Send" data-theme="b">

Answer 1

“提交”按钮在表单外部。它必须在表单内部

function formAlert3(e) {
  e.preventDefault();
  var result = document.getElementById('quantity').value * 120;
  alert(result);
  return false;
}

<form name="form3" onsubmit="formAlert3(event)">
  <fieldset>
    <label for="tel">quantity:</label>
    <input type="text" name="quantity" id="quantity">
  </fieldset>
  <input type="submit" data-inline="true" value="Send" data-theme="b">
</form>

Answer 2

您可以这样做：

在“提交”按钮上的formAlert3()事件中调用onclick函数
在输入formAlert3中得到一个字符串，因此可以使用Unary plus (+)将其转换为数字

代码：

function formAlert3() {
  var x = document.getElementById('quantity');
  var result = +x.value * 120;
  alert(result);
  return false;
}

<form name="form3">
  <fieldset>
    <label for="tel">quantity:</label>
    <input type="text" name="quantity" id="quantity">
  </fieldset>
</form>
<input type="submit" data-inline="true" value="Send" data-theme="b" onclick="formAlert3()">

在文本框上相乘输入并在警报上显示答案（javascript）

2 个答案: