Question

function callForm() {
  var form = document.forms[0];
  var select1 = form.querySelector('input[name="pwd"]');
  var select2 = select1.value;
  alert(select2);
}

<form onsubmit="return callForm()">
  Password: <input type="text" name="pwd" value="defaultPassword">
  <input type="submit" value="Submit">
</form>

点击提交后，我得到的旧输入值总是defaultPassword.Here我试图在点击提交按钮时提醒用户输入的值但是无法实现它。我认为这个问题即将到来，因为刷新网页，但无法解决。

Answer 1

在让javascript操纵它之前提交表单，有其缺点。尝试：

＆＃13;

var submitBtn = document.getElementById("btn-form-submit");
submitBtn.addEventListener('click', callForm);

function callForm() {
var form = document.forms[0];
var select1 = form.querySelector('input[name="pwd"]');
var select2 = select1.value;
alert(select2);
form.submit();
}

＆＃13;

<form>
  <label>Password: </label><input type="text" name="pwd" value="defaultPassword">
  <button id="btn-form-submit">Submit</button>
</form>

＆＃13;

但是，您的代码在Chrome上运行良好。

无法在输入字段中提醒输入的值

1 个答案: