2016-04-12 5 views
3

私はLaravel Formパッケージで書かれたフォームを持っています。LaravelフォームでJquery確認を使用していますか?

{!! Form::open(['action' => ['Test\\[email protected]', $thread->id], 'method' => 'delete', 'onsubmit' => 'Confirm()' ]) !!} 
{!! Form::submit('Delete', ['class' => 'btn btn-danger']) !!} 
{!! Form::close() !!} 

今、このフォームにこのJqueryコードが必要です。ユーザーが送信ボタンをクリックすると、Jqueryの確認ボックスが表示されます。私のjQueryのザッツ

:私はそれを試してみましたか

bootbox.confirm("Are you sure?", function(result) { 
    Example.show("Confirm result: "+result); 
}); 

ザッツ:

 <script type="text/javascript"> 
      function Confirm() 
      { 
       bootbox.confirm("Are you sure?", function(result) { 
        Example.show("Confirm result: "+result); 
       }); 
      } 


     </script> 

{!! Form::open(['action' => ['Blog\\[email protected]', $thread->id], 'method' => 'delete', 'onsubmit' => 'Confirm()' ]) !!} 
{!! Form::submit('Delete', ['class' => 'btn btn-danger']) !!} 
{!! Form::close() !!} 

しかし、これは私のために働いていません。どんな助け?あなたが例えばクラスblog-formを追加することができ

+0

jQueryに 'preventDefault()'を追加してください。 – aldrin27

+0

これは何もしませんでした:/ – WellNo

+0

まず、submitbox.confirmの前に警告を追加して、submitボタンが 'confirm'関数を呼び出すことを確認してください。 –

答えて

0

{!! Form::open(['action' => ['Blog\\[email protected]', $thread->id], 'method' => 
    'delete', 'class' => 'blog-form' ]) !!} 

を次に代わりに、インラインイベントonsubmitを使用することには、あなたのJSコードに追加されたクラスblog-formsubmitイベントを添付して、肯定応答の場合にはフォームを送信:

$('.blog-form').submit(function(e) { 
    e.preventDefault(); 

    var blog_form = $(this); 

    bootbox.confirm("Are you sure?", function(result) { 
     if (result) { 
      blog_form.submit(); 
     } 
    }); 
}); 

希望すると便利です。

+0

私はそれを試みましたが、何も起こりません:/ – WellNo

+0

これは@WellNoを動作させる必要があります。jqueryライブラリをインクルードし、エラーのためにdeveloppersコンソールをチェックしてください。 –

+0

Jqueryが同梱されています。コンソールは単なるです:Uncaught ReferenceError:$が定義されていません--- JS/Jqueryのようなものの初心者です。 – WellNo

関連する問題