Добрый вечер,
Я довольно новичок в 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>
javascript,laravel,sweetalert,unobtrusive,
Добрый вечер,
Я довольно новичок в 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>