jquery form 和 validation 的整合

最新推荐文章于 2021-08-06 16:27:10 发布

c807992213

最新推荐文章于 2021-08-06 16:27:10 发布

阅读量244

点赞数

CC 4.0 BY-SA版权

分类专栏：小菜鸟文章标签： validation jquery function url input file

本文链接：https://blog.youkuaiyun.com/c807992213/article/details/7064538

小菜鸟专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何在前端表单中处理输入为file类型的数据，并在提交前进行验证，确保数据正确无误地传递到后端。通过使用jQuery的$.ajaxSubmit方法，实现了表单数据的AJAX提交，同时在页面上提供了反馈信息，如提交成功后的提示以及加载新内容的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前一篇文章碰到input 为file类型时候就不管用了

经过试验

$(function (){
    $('#proaddform').validate();

     var options = {
             resetForm:      true,
                            url:            '<%=basePath%>back/save.action',
                 success:       function (){
       alert('提交成功!!');
       $( "#add-pro" ).dialog( "close" );
       var url="<%=basePath%>back/selinfobytype.action?mobanType.id="+${mobanType.id};
       $("#rightmodel").load(url);
          }
          };

    //在提交之前进行判断
     $('#proaddform').submit(function() {

   //如果验证通过才能提交
       if($("#proaddform").valid()){

         $(this).ajaxSubmit(options);
         return false;
       }

    });

    });