javascript - 表单操作的替代方案

标签 javascript html forms

我的网页中有此表单

<form method="POST" action="http://www.example.com/gotothisURL">
........

Two buttons here , one for submit and one for validation


</form>

现在,当我单击“提交”时,页面会重定向到该 URL,但当我单击“验证”时,页面也会执行相同的操作。我不希望点击“验证”时重定向页面,但我确实想在服务器端进行一些跨站点验证。

最佳答案

验证应分两步进行。首先,表单必须使用 JavaScript 在客户端进行验证。然后,一旦客户端脚本确定表单有效,就可以将其发送到服务器以进行进一步验证。

除非验证按钮有特定原因,否则我会避免使用它。只需允许用户单击“提交”时通过 JavaScript 验证表单,如果通过了初始验证,则可以将其发送到服务器,否则,您可以在屏幕上显示相关消息,向用户解释他们必须执行哪些操作使表格有效。

关于javascript - 表单操作的替代方案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20150414/

相关文章:

javascript - 网站上的谷歌广告溢出到米色背景

html - 以视觉方式移动列表项的最佳方式是什么?

html - 不知道如何做到这一点。4 个文本部分均匀分布在页面上?

JavaScript 从动态创建的表中自定义文本

internet-explorer - iframe 表单不在 IE 中提交但在 Firefox 中工作

javascript - 术语 : meaning of the term 'saga'

javascript - 在命名空间内时在 VS2010 中 knockout 智能感知

javascript - 如何使用 jQuery 将多个变量传递给 PHP

Javascript 按钮在 bootstrap 4 上无法正常工作

javascript - Vuetify/Vuejs 单选组和复选框组设置为相同的 v-model