更改输入值然后在JavaScript中提交表单

我目前正在制作基本表格.我想用这个表单做的是当你点击提交/按钮来首先改变一个字段的值然后像往常一样提交表单.这看起来有点像这样:

<form name="myform" id="myform" action="action.php">
<input type="hidden" name="myinput" value="0" />
<input type="text" name="message" value="" />
<input type="submit" name="submit" onclick="DoSubmit()" />
</form>

这就是我带来JavaScript的程度.它将“myinput”的值更改为1,但不提交表单.我真的是一个JavaScript noobie,请原谅我,如果这只是一个太简单的问题,但我真的没有得到它的支持.

function DoSubmit(){
  document.myform.myinput.value = '1';
  document.getElementById("myform").submit();
}

解决方法:

你可以这样做:

<form name="myform" action="action.php" onsubmit="DoSubmit();">
<input type="hidden" name="myinput" value="0" />
<input type="text" name="message" value="" />
<input type="submit" name="submit" />
</form>

然后修改您的DoSubmit函数以返回true,表示“它没关系,现在您可以将表单”提交给浏览器:

function DoSubmit(){
  document.myform.myinput.value = '1';
  return true;
}

编辑:我也担心在提交按钮上使用onclick事件;事件的顺序并不是很明显,如果用户提交,例如在文本框中点击返回,则不会调用您的回调.

上一篇:javascript – React – 在表单提交后清除输入值


下一篇:PHP表单处理的单选按钮