Javascript 如何在Laravel项目中使用Sweetalert？_Javascript_Laravel_Sweetalert

Javascript 如何在Laravel项目中使用Sweetalert？

javascript laravel

Javascript 如何在Laravel项目中使用Sweetalert？,javascript,laravel,sweetalert,Javascript,Laravel,Sweetalert,在我的项目中使用sweet alert。但它不起作用。请帮帮我。错误和使用的代码在这里 JS @section('customJs') <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> <script> $(document).ready(function() { $('#hakkimizdaForm').validate();

在我的项目中使用sweet alert。但它不起作用。请帮帮我。错误和使用的代码在这里

@section('customJs')
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script>
    $(document).ready(function() {
        $('#hakkimizdaForm').validate();
        $('#hakkimizdaForm').ajaxForm({
            beforeSubmit: function() {

            },
            success: function() {
                swal("Good job!", "You clicked the button!", "success");
            }
        });
    });
</script>
@endsection

更新：

我使用你的功能正在运行

我的代码：

</!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>test</title>
</head>
<body>
    <form action="testForm" id="persondetail" method="post">
    <div>name：<input name="text1" type="text" class="inputbox"></div>
    <div>age：<input name="text2" type="text" class="inputbox"></div>
    <div>hobby：<input name="text3" type="text" class="inputbox"></div>
    <div><input id="submitbtn" type="submit" value="Submit"></div>
    </form>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript">
    $(function(){
         $('#persondetail').ajaxForm({
            beforeSubmit: function() {

            },
            success: function(data) {
                // Maybe with maybe not.
                var data = JSON.parse(data);

                if(data['status'] == 'success') {
                    swal("Good job!", "You clicked the button!", "success");
                }
            }
        });

     });
</script>


测验
姓名：
年龄：
爱好：
$（函数（）{
$（'persondetail'）.ajaxForm({
提交之前：函数（）{
},
成功：功能（数据）{
//也许有，也许没有。
var data=JSON.parse（数据）；
如果（数据['status']=='success'）{
swal（“干得好！”，“你点击了按钮！”，“成功”）；
}
}
});
});

FormTest.php

<?php

$data = ['status' => 'success', 'title' => 'Islem basarisiz!', 'content' => 'Kayitlar yapilamadi!'];

echo json_encode($data, True);

只需在验证函数中添加规则、消息和提交处理程序，无需添加ajaxForm（）

相同的问题仍在继续。请重试，首先检查表单中的问题。我使用您的代码时没有问题。确定。我正在努力。“它不工作”是一个模棱两可的问题描述。如果你需要帮助，你必须更具体。
<?php

$data = ['status' => 'success', 'title' => 'Islem basarisiz!', 'content' => 'Kayitlar yapilamadi!'];

echo json_encode($data, True);

$('#hakkimizdaForm').validate({
   ignore : [],
   rules : { 
     // rules here  for validation
   },
   messages : {
     // messages here for validation
   },
   errorPlacement : function (error, element) {
      if (element.hasClass('select2')) {
        error.insertAfter(element.next('span'));
      } 
      else {
        error.insertAfter(element);
      }
   },
   submitHandler : function (form){
        $.ajax({
           type: 'POST',
           url: 'url',
           async: true,
           data: formData,
           processData: false,
           contentType: false,
           beforeSend: function() {

           },
           complete: function () {
              return;
           },
           success: function() {
              swal("Good job!", "You clicked the button!", "success");
           }
        });
   }
});