首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用AJAX对多步表单进行服务器端验证?

使用AJAX对多步表单进行服务器端验证?
EN

Stack Overflow用户
提问于 2015-06-14 01:57:16
回答 2查看 1.7K关注 0票数 1

我有一个多步骤表单(4个步骤),它使用jQuery进行客户端验证,并使用AJAX处理表单输入。在“下一步”按钮上,单击“运行我的JS验证”。

但是客户端验证还不够好。我也想设置服务器端验证。

因此,我更喜欢使用AJAX来验证表单,因为它允许与客户端验证相同的UX。我想在这里使用以下说明:http://fearlessflyer.com/how-to-ajax-validate-forms/

但是,对于多步骤向导表单(而不是简单的表单),我如何遵循该帖子中的类似脚本呢?

  1. 在当前步骤中,每一个下一步按钮都应该是一个post来完成服务器端验证和处理字段的内联错误吗?
  2. 还是应该在最后确认的第4步将表单张贴到服务器端验证?在最后一步验证表单字段时,如何显示带有内联错误的相关表单步骤?

我在服务器端使用普通PHP,没有任何框架。

EN

回答 2

Stack Overflow用户

发布于 2015-06-14 02:07:29

您的POST请求应该在验证的第4步,也就是最后一步。所有步骤都应该加载到HTML页面上,您可以使用javascript逐节显示。

您可以使用onblur="“HTML属性进行”内联“验证。当用户不对输入框进行对焦时,会调用内部函数。

行政长官:<input type="text" onblur="validate()">

票数 1
EN

Stack Overflow用户

发布于 2015-06-14 02:10:26

这取决于你。这两种解决方案似乎对我都有好处。然而,客户端验证对于常规用户来说可能已经足够了。如果有人想搞乱您的代码,那么进程结束时的服务器端验证将阻止他这样做。然后,您可以返回到可能包含错误的第一步,并显示它们。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30825290

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档