JavaScript确认取消不适用于Laravel表单

Question

I have this confirm:

<script type="text/javascript">
    function ConfirmDelete() {
        if (confirm("Are you sure you want to delete?")) {
            return true;
        }
        else {
            return false;
        }
    }
</script>

and then I have my Laravel form:

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

I'm getting the message and if I'm pressing on OK, the thread gets deleted, but that also happens on cancel. What can I do so that nothing happens, if I'm pressing cancel?

Answer 1

You can further tidy up your javascript

<script type="text/javascript">
    function ConfirmDelete() {
        return confirm("Are you sure you want to delete?");
    }
</script>

Also, you need to make sure you return the function's response onsubmit, for example

{!! Form::open(['action' => ['Test\\TestController@destroy', $thread->id], 'method' => 'delete', 'onsubmit' => 'return ConfirmDelete()']) !!}

Answer 2

更改为此：

{!! Form::open(['action' => ['Test\\TestController@destroy', $thread->id], 'method' => 'delete', 'onsubmit' => 'return ConfirmDelete()']) !!}

Answer 3

You need to add return statement before function call .

Change the following code

'onsubmit' => 'ConfirmDelete()'

to

'onsubmit' => 'return ConfirmDelete()'

You could also inline it, if you want ;)

'onsubmit' => 'return confirm("Are you sure you want to delete?")'

When calling a JavaScript function in an onclick event handler, the return value of an event handler determines whether or not the default browser behavior should take place as well .

That's the reason why it is getting deleted even when you press Cancel from your confirm dialog.