Javascript ненавязчивый onclick с подсластителем - PullRequest
Новая
       86

Javascript ненавязчивый onclick с подсластителем

0 голосов
/ 25 августа 2018

Добрый вечер,

Я довольно новичок в JavaScript.У меня есть книга, и я рыщу в Интернете, когда ищу ответы.Я вижу, что ландшафт JavaScript, похоже, имеет множество путей и структур.На вопрос, я пытаюсь использовать ненавязчивый JavaScript с Sweetalert.У меня была проблема с завершением функции onclick до того, как была выбрана опция.Я изменил функцию так, чтобы она возвращала false по умолчанию, и позволил пути обнулить функцию onlick и нажал кнопку.Является ли следующая разумная форма?Или другой метод будет рекомендован для того же эффекта?Если так, пожалуйста, укажите, почему это лучше.Кроме того, пока нет фреймворка / библиотеки ответов, пожалуйста. 

window.onload = function() {

    function doSomething() {
        var button = document.getElementById("edit");
         swal({
            title: 'Are you sure?',
            text: 'You will not be able to recover this imaginary file!',
            type: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, Update it!',
            cancelButtonText: 'No, stop'
        }).then((result) => {
            if (result.value) {
                button.onclick = null;
                button.click();
                // For more information about handling dismissals please visit
                // https://sweetalert2.github.io/#handling-dismissals
            } else if (result.dismiss === swal.DismissReason.cancel) {
                swal(
                    'Cancelled',
                    'No Update Occured :)',
                    'error'
                )


            }
        })
        return false;
    }
   document.getElementById("edit").onclick = doSomething;
 <form action="{{route('categories.update',$cat->id)}}" method="post">
                {{method_field('patch')}}


                <div class="form-group">
                    <label for="title">Name</label>
                    <input type="text" name="name" class="form-control" value="{{$cat->name}}">
                    <label for="description">Description</label>
                    <input type="text" name="description" class="form-control" value="{{$cat->description}}">

                </div>


                <button class="btn btn-primary" type="submit" id="edit">Edit Category</button>
                {{@csrf_field()}}
            </form>
...