Jquery遍历表单并验证字段必填并ajax提交到php处理

最新推荐文章于 2024-09-08 21:45:17 发布

sloafer

最新推荐文章于 2024-09-08 21:45:17 发布

阅读量877

点赞数 2

分类专栏： web前端 PHP 文章标签： jquery ajax php 表单验证

本文链接：https://blog.csdn.net/sloafer/article/details/85245679

版权

这篇博客介绍了如何在纯PHP环境中，使用Jquery遍历表单字段并进行必填验证，然后通过Ajax提交数据。作者提到serializeArray方法虽然方便，但与原生PHP系统配合时需要额外的数据处理。文中给出了HTML表单结构、JS验证和提交代码，以及PHP处理数据的部分。通过设置全局变量result来跟踪验证状态，避免多次提交。

摘要由CSDN通过智能技术生成

写在前面：

我是一个纯菜鸟，我不会用serializearray来序列化表单数据．可能是因为水平太菜，我总感觉用serializearray这样的提交方式，搭配THINKPHP之类的框架是非常爽的提交方式，但是对于我现在用的原生的PHP系统来说．接收后还需要再进行json对象数据处理，显得非常麻烦．所以我只用最简单的方式来处理自己的问题．

应用场景：当同一个页面有多个form表单时(没办法，公司的设计师喜欢在中部设计一个表单，底部再设计一个表单．)，之前都是分开验证和提交了．现在捋了一下，看起来更通顺．

HTML部分：

<!--首页表单-->
<div class="fbiaodan">
	<form action="###" method="post">
		<input name="username" type="text" class="ftext" tip="请输入您的姓名" placeholder="姓名"/>
		<input name="email" type="text" class="ftext" tip="请输入您的邮箱" tip2="邮箱格式不正确" placeho