表单提交前的confirm验证提示

Posted 青山不碍白云飞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单提交前的confirm验证提示相关的知识,希望对你有一定的参考价值。

今天要做一个修改提交前的提示,点击修改按钮进行提示,然后根据confirm的结果来决定是否提交;发现平时很常见的一个功能,自己不会。所以只能去晚上找资料了;

举例如下:

<form action="" method="post" onsubmit="return resp_confirm()">
  <input type="text" name="gzxx"  />
  <input type="submit" class="btn btn-primary" value="确认修改" />
</form>
 
<script>
  function resp_confirm(){
    return confirm("确定进行工单的修改");
  }
</script>
 
1.一定要在表单的form标签里加 onsubmit="";其实我是试了加在提交按钮里的,然而并没有用;
2. onsubmit后的函数前要有return ,必不可少
3. 确认函数resp_confirm(这个是自己定义的函数)也必须有return ;
以上三点都OK,基本就OK了

以上是关于表单提交前的confirm验证提示的主要内容,如果未能解决你的问题,请参考以下文章

form的onsubmit事件--表单提交前的验证最佳实现方式

表单提交验证方法

利用JS提交表单的几种方法和验证(必看篇)

如何验证jsp表单提交不为空

表单,提交前确认confirm(),有好办法么?

Element-ui关于form表单的踩坑