用Ajax 提交表单数据 serialize() 并且校验数据

最新推荐文章于 2021-12-14 18:48:06 发布

Abudula__

最新推荐文章于 2021-12-14 18:48:06 发布

阅读量651

点赞数 2

分类专栏： Javascript

本文链接：https://blog.csdn.net/Abudula__/article/details/99411408

版权

本文介绍了如何使用Ajax与serialize()方法便捷地提交表单数据，同时讨论了这种方式在数据校验上的挑战。通过示例，展示了如何整块获取表单数据，再进行deserialize()操作以便于逐个字段校验。此外，还提到了使用jquery validation plugins进行校验的选项。

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

表单提交数据

表单提交数据有集中方式,比如说下面的表单:

 <form class="container">
      
      <div class="row">
        <div class="col-25"><label for="checker">审核人:</label></div>
         <div class="col-75"><input type="text" id="checker" name="checker" placeholder="你的名字.." /></div>
        </div>
     
      <div class="row">
        <div class="col-25"><label for="review">审核意见:</label> </div>
        <div class="col-75">  <textarea id="review" name="review" placeholder="请给出宝贵意见.." style="height:200px"> </textarea>
        </div>
      </div>
      <div class="row">
        <button id="sonTableDialogBt" type=&#