首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Laravel JsValidation不能处理Ajax提交的表单

Laravel JsValidation不能处理Ajax提交的表单
EN

Stack Overflow用户
提问于 2016-04-03 18:03:59
回答 2查看 1.2K关注 0票数 2

我正在使用Laravel JsValidationJsValidation与其他表单工作正常,但因为我应该用Ajax提交表单,JsValidation不能正常工作,表单提交。

代码语言:javascript
复制
$validator = JsValidation::make($rules);

在视图中

代码语言:javascript
复制
{!!$validator!!}
EN

回答 2

Stack Overflow用户

发布于 2016-04-05 14:23:55

由于验证调用是异步的,因此通过执行以下操作将其标记为同步:

代码语言:javascript
复制
async: false

可选,要防止表单提交默认功能,请执行以下操作:

代码语言:javascript
复制
e.preventDefault();

在提交按钮上单击。完成验证后,您将获得基于该响应的响应,您可以允许表单提交或不提交。

简单代码片段:

代码语言:javascript
复制
$("#form-submit").on('submit', function(){
        var errorMsg = 'Please provide your correct information.';
        $(".errorMsg ").text("");
        var txtName = $("input#txtName").val();

        var responseStatus = false;
        var userData = {
            'name' : txtName
        };

        $.ajax({
           type: 'POST',
           url: '/validate-data',
           async: false,
           data: userData,
           success: function(result){
                if(result.status === true){
                    responseStatus = true;
                } else {
                    responseStatus = false;
                    errorMsg = result.message;
                    $(".errorMsg ").text(errorMsg);
                    return false;
               }
            },
            error: function (xhr, ajaxOptions, thrownError) {
                  alert('Oops! Something went wrong. Please try again.');                     return false;
             }
         });

     if(responseStatus === false){
          return false;
     } else {
          return true;
     }
});

看看这有没有帮助。

票数 0
EN

Stack Overflow用户

发布于 2017-05-04 18:04:19

尝试使用以下代码片段:

代码语言:javascript
复制
$('form').on('submit', function() {
  if($(this).valid()) {
    // do your ajax stuff here
  }
  return false;
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36384048

复制
相关文章

相似问题

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