Mixing
Why Doesn't Ajax and SweetAlert Show?
0
Please help me, in my code, Ajax and SweetAlert worked perfectly, but now I get the error on pressing submit:
The Google chrome console shows below error:
Resource interpreted as Stylesheet but transferred with MIME type
application/javascript:
"http://localhost:8000/js/jquery-3.3.1.min.js".
Any help is greatly appreciated.
Code
<link rel="stylesheet" type="text/css" href="{!! asset('js/jquery-3.3.1.min.js') !!}">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var id1 ={!! $data !!};
var hasil;
var saldo ={{$results}};
$('#jumlahUang').keyup(function () {
var yeah1 = parseInt($('#jumlahUang').val());
var yeah = parseInt($('#jenisTransaksi').val());
if (yeah == 1) {
hasil = saldo + yeah1;
} else {
hasil = saldo - yeah1;
}
if (hasil < 0) {
swal("Error", "SALDO ANDA KURANG");
} else {
$('#debugg').val(hasil);
}
});
$('#formInput').submit(function (e) {
e.preventDefault();
var id1 ={!! $data !!};
var link = "/nambahTransaksi/" + id1.id;
swal({
title: "Konfirmasi transaksi",
text: "proses transaksi?",
type: "info",
showCancelButton: true,
confirmButtonColor: "#1da1f2",
confirmButtonText: "Yakin, dong!",
closeOnConfirm: false,
showLoaderOnConfirm: true,
}, function () { //apabila sweet alert d confirm maka akan mengirim data ke simpan.php melalui proses ajax
$.ajax({
url: link,// ini salah anjing
type: 'get',
data: $('#formInput').serialize(), //serialize() untuk mengambil semua data di dalam form
dataType: "HTML",
success: function () {
setTimeout(function () {
swal({
title: "transaksi berhasil dilakukan",
text: "Terimakasih",
type: "success"
}, function () {
window.location.href = "/detailTransaksi";
});
}, 2000);
},
error: function (xhr, ajaxOptions, thrownError) {
setTimeout(function () {
swal("Error", "Tolong cek kembali SALDO anda");
}, 2000);
}
});
});
});
})
</script>
javascript jquery ajax laravel sweetalert
edited Jan 1 at 22:33
Karl Hill
3,04622243
asked Dec 31 '18 at 17:59
bramasta vikanabramasta vikana
105
|
show 4 more comments
0
Please help me, in my code, Ajax and SweetAlert worked perfectly, but now I get the error on pressing submit:
The Google chrome console shows below error:
Resource interpreted as Stylesheet but transferred with MIME type
application/javascript:
"http://localhost:8000/js/jquery-3.3.1.min.js".
Any help is greatly appreciated.
Code
<link rel="stylesheet" type="text/css" href="{!! asset('js/jquery-3.3.1.min.js') !!}">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var id1 ={!! $data !!};
var hasil;
var saldo ={{$results}};
$('#jumlahUang').keyup(function () {
var yeah1 = parseInt($('#jumlahUang').val());
var yeah = parseInt($('#jenisTransaksi').val());
if (yeah == 1) {
hasil = saldo + yeah1;
} else {
hasil = saldo - yeah1;
}
if (hasil < 0) {
swal("Error", "SALDO ANDA KURANG");
} else {
$('#debugg').val(hasil);
}
});
$('#formInput').submit(function (e) {
e.preventDefault();
var id1 ={!! $data !!};
var link = "/nambahTransaksi/" + id1.id;
swal({
title: "Konfirmasi transaksi",
text: "proses transaksi?",
type: "info",
showCancelButton: true,
confirmButtonColor: "#1da1f2",
confirmButtonText: "Yakin, dong!",
closeOnConfirm: false,
showLoaderOnConfirm: true,
}, function () { //apabila sweet alert d confirm maka akan mengirim data ke simpan.php melalui proses ajax
$.ajax({
url: link,// ini salah anjing
type: 'get',
data: $('#formInput').serialize(), //serialize() untuk mengambil semua data di dalam form
dataType: "HTML",
success: function () {
setTimeout(function () {
swal({
title: "transaksi berhasil dilakukan",
text: "Terimakasih",
type: "success"
}, function () {
window.location.href = "/detailTransaksi";
});
}, 2000);
},
error: function (xhr, ajaxOptions, thrownError) {
setTimeout(function () {
swal("Error", "Tolong cek kembali SALDO anda");
}, 2000);
}
});
});
});
})
</script>
javascript jquery ajax laravel sweetalert
edited Jan 1 at 22:33
Karl Hill
3,04622243
asked Dec 31 '18 at 17:59
bramasta vikanabramasta vikana
105
What have you changed since yesterday?
– Andy
Dec 31 '18 at 18:02
I didnt change anything
– bramasta vikana
Dec 31 '18 at 18:03
I have read some answer frok another website but it doesnr work
– bramasta vikana
Dec 31 '18 at 18:06
@bramastavikana can you add a console.log to output the response in both the error and success callbacks? If your swal isn't showing something isn't right here and you have poor error catching right now making it harder to determine why.
– basic
Dec 31 '18 at 18:17
My swal is working in another function i think ajax is not working
– bramasta vikana
Dec 31 '18 at 18:19
|
show 4 more comments
0
0
0
Please help me, in my code, Ajax and SweetAlert worked perfectly, but now I get the error on pressing submit:
The Google chrome console shows below error:
Resource interpreted as Stylesheet but transferred with MIME type
application/javascript:
"http://localhost:8000/js/jquery-3.3.1.min.js".
Any help is greatly appreciated.
Code
<link rel="stylesheet" type="text/css" href="{!! asset('js/jquery-3.3.1.min.js') !!}">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var id1 ={!! $data !!};
var hasil;
var saldo ={{$results}};
$('#jumlahUang').keyup(function () {
var yeah1 = parseInt($('#jumlahUang').val());
var yeah = parseInt($('#jenisTransaksi').val());
if (yeah == 1) {
hasil = saldo + yeah1;
} else {
hasil = saldo - yeah1;
}
if (hasil < 0) {
swal("Error", "SALDO ANDA KURANG");
} else {
$('#debugg').val(hasil);
}
});
$('#formInput').submit(function (e) {
e.preventDefault();
var id1 ={!! $data !!};
var link = "/nambahTransaksi/" + id1.id;
swal({
title: "Konfirmasi transaksi",
text: "proses transaksi?",
type: "info",
showCancelButton: true,
confirmButtonColor: "#1da1f2",
confirmButtonText: "Yakin, dong!",
closeOnConfirm: false,
showLoaderOnConfirm: true,
}, function () { //apabila sweet alert d confirm maka akan mengirim data ke simpan.php melalui proses ajax
$.ajax({
url: link,// ini salah anjing
type: 'get',
data: $('#formInput').serialize(), //serialize() untuk mengambil semua data di dalam form
dataType: "HTML",
success: function () {
setTimeout(function () {
swal({
title: "transaksi berhasil dilakukan",
text: "Terimakasih",
type: "success"
}, function () {
window.location.href = "/detailTransaksi";
});
}, 2000);
},
error: function (xhr, ajaxOptions, thrownError) {
setTimeout(function () {
swal("Error", "Tolong cek kembali SALDO anda");
}, 2000);
}
});
});
});
})
</script>
javascript jquery ajax laravel sweetalert
edited Jan 1 at 22:33
Karl Hill
3,04622243
asked Dec 31 '18 at 17:59
bramasta vikanabramasta vikana
105
Please help me, in my code, Ajax and SweetAlert worked perfectly, but now I get the error on pressing submit:
The Google chrome console shows below error:
Resource interpreted as Stylesheet but transferred with MIME type
application/javascript:
"http://localhost:8000/js/jquery-3.3.1.min.js".
Any help is greatly appreciated.
Code
<link rel="stylesheet" type="text/css" href="{!! asset('js/jquery-3.3.1.min.js') !!}">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var id1 ={!! $data !!};
var hasil;
var saldo ={{$results}};
$('#jumlahUang').keyup(function () {
var yeah1 = parseInt($('#jumlahUang').val());
var yeah = parseInt($('#jenisTransaksi').val());
if (yeah == 1) {
hasil = saldo + yeah1;
} else {
hasil = saldo - yeah1;
}
if (hasil < 0) {
swal("Error", "SALDO ANDA KURANG");
} else {
$('#debugg').val(hasil);
}
});
$('#formInput').submit(function (e) {
e.preventDefault();
var id1 ={!! $data !!};
var link = "/nambahTransaksi/" + id1.id;
swal({
title: "Konfirmasi transaksi",
text: "proses transaksi?",
type: "info",
showCancelButton: true,
confirmButtonColor: "#1da1f2",
confirmButtonText: "Yakin, dong!",
closeOnConfirm: false,
showLoaderOnConfirm: true,
}, function () { //apabila sweet alert d confirm maka akan mengirim data ke simpan.php melalui proses ajax
$.ajax({
url: link,// ini salah anjing
type: 'get',
data: $('#formInput').serialize(), //serialize() untuk mengambil semua data di dalam form
dataType: "HTML",
success: function () {
setTimeout(function () {
swal({
title: "transaksi berhasil dilakukan",
text: "Terimakasih",
type: "success"
}, function () {
window.location.href = "/detailTransaksi";
});
}, 2000);
},
error: function (xhr, ajaxOptions, thrownError) {
setTimeout(function () {
swal("Error", "Tolong cek kembali SALDO anda");
}, 2000);
}
});
});
});
})
</script>
javascript jquery ajax laravel sweetalert
javascript jquery ajax laravel sweetalert
edited Jan 1 at 22:33
Karl Hill
3,04622243
asked Dec 31 '18 at 17:59
bramasta vikanabramasta vikana
105
edited Jan 1 at 22:33
Karl Hill
3,04622243
asked Dec 31 '18 at 17:59
bramasta vikanabramasta vikana
105
edited Jan 1 at 22:33
Karl Hill
3,04622243
edited Jan 1 at 22:33
Karl Hill
3,04622243
edited Jan 1 at 22:33
Karl Hill
3,04622243
3,04622243
asked Dec 31 '18 at 17:59
bramasta vikanabramasta vikana
105
asked Dec 31 '18 at 17:59
bramasta vikanabramasta vikana
105
asked Dec 31 '18 at 17:59
bramasta vikanabramasta vikana
105
105
What have you changed since yesterday?
– Andy
Dec 31 '18 at 18:02
I didnt change anything
– bramasta vikana
Dec 31 '18 at 18:03
I have read some answer frok another website but it doesnr work
– bramasta vikana
Dec 31 '18 at 18:06
@bramastavikana can you add a console.log to output the response in both the error and success callbacks? If your swal isn't showing something isn't right here and you have poor error catching right now making it harder to determine why.
– basic
Dec 31 '18 at 18:17
My swal is working in another function i think ajax is not working
– bramasta vikana
Dec 31 '18 at 18:19
|
show 4 more comments
What have you changed since yesterday?
– Andy
Dec 31 '18 at 18:02
I didnt change anything
– bramasta vikana
Dec 31 '18 at 18:03
I have read some answer frok another website but it doesnr work
– bramasta vikana
Dec 31 '18 at 18:06
@bramastavikana can you add a console.log to output the response in both the error and success callbacks? If your swal isn't showing something isn't right here and you have poor error catching right now making it harder to determine why.
– basic
Dec 31 '18 at 18:17
My swal is working in another function i think ajax is not working
– bramasta vikana
Dec 31 '18 at 18:19
What have you changed since yesterday?
– Andy
Dec 31 '18 at 18:02
What have you changed since yesterday?
– Andy
Dec 31 '18 at 18:02
I didnt change anything
– bramasta vikana
Dec 31 '18 at 18:03
I didnt change anything
– bramasta vikana
Dec 31 '18 at 18:03
I have read some answer frok another website but it doesnr work
– bramasta vikana
Dec 31 '18 at 18:06
I have read some answer frok another website but it doesnr work
– bramasta vikana
Dec 31 '18 at 18:06
@bramastavikana can you add a console.log to output the response in both the error and success callbacks? If your swal isn't showing something isn't right here and you have poor error catching right now making it harder to determine why.
– basic
Dec 31 '18 at 18:17
@bramastavikana can you add a console.log to output the response in both the error and success callbacks? If your swal isn't showing something isn't right here and you have poor error catching right now making it harder to determine why.
– basic
Dec 31 '18 at 18:17
My swal is working in another function i think ajax is not working
– bramasta vikana
Dec 31 '18 at 18:19
My swal is working in another function i think ajax is not working
– bramasta vikana
Dec 31 '18 at 18:19
|
show 4 more comments
2 Answers
2
active
oldest
votes
0
You have this line set to be a stylesheet but it is actually a .js file.
<link rel="stylesheet" type="text/css" href="{!! asset('js/jquery-3.3.1.min.js') !!}">
Try using:
<script src="{!! asset('js/jquery-3.3.1.min.js') !!}"></script>
Also, why are you including JQuery twice? Just move your second declaration to the top, the line that says:
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
It needs to be declared before you add SweetAlert because SweetAlert is dependent on it.
EDIT: This is only a partial answer. OP still has another issue outside of this. Wanted to leave this up however as it was useful in solving part 1 of his problem.
answered Dec 31 '18 at 18:05
basicbasic
2,16511225
Resource interpreted as Stylesheet but transferred with MIME typeapplication/javascript: "localhost:8000/js/jquery-3.3.1.min.js" its gone but ajax still doesnt work
– bramasta vikana
Dec 31 '18 at 18:15
add a comment |
0
you have to use this js files,i hope its work for you.
<script src="{{ asset('assets/global/plugins/jquery.min.js') }}" type="text/javascript"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
example
$("#sub").click(function() {
var startDate = $('#fromDate').val();
var endDate = $('#toDate').val();
if (startDate !='')
{
if(endDate == '')
{
swal("Error!", "Please Select To Date field", "error");
return false;
}
}
else
{
swal("Error!", "Please Select From Date field", "error");
return false;
}
if(startDate > endDate)
{
//alert("Please Select To Date Grater Than"+startDate);
swal("Error!", "Please Select To Date Grater Than "+startDate, "error");
return false;
} });
answered Jan 1 at 8:01
dhara gosaidhara gosai
198
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53990172%2fwhy-doesnt-ajax-and-sweetalert-show%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
You have this line set to be a stylesheet but it is actually a .js file.
<link rel="stylesheet" type="text/css" href="{!! asset('js/jquery-3.3.1.min.js') !!}">
Try using:
<script src="{!! asset('js/jquery-3.3.1.min.js') !!}"></script>
Also, why are you including JQuery twice? Just move your second declaration to the top, the line that says:
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
It needs to be declared before you add SweetAlert because SweetAlert is dependent on it.
EDIT: This is only a partial answer. OP still has another issue outside of this. Wanted to leave this up however as it was useful in solving part 1 of his problem.
answered Dec 31 '18 at 18:05
basicbasic
2,16511225
Resource interpreted as Stylesheet but transferred with MIME typeapplication/javascript: "localhost:8000/js/jquery-3.3.1.min.js" its gone but ajax still doesnt work
– bramasta vikana
Dec 31 '18 at 18:15
add a comment |
0
You have this line set to be a stylesheet but it is actually a .js file.
<link rel="stylesheet" type="text/css" href="{!! asset('js/jquery-3.3.1.min.js') !!}">
Try using:
<script src="{!! asset('js/jquery-3.3.1.min.js') !!}"></script>
Also, why are you including JQuery twice? Just move your second declaration to the top, the line that says:
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
It needs to be declared before you add SweetAlert because SweetAlert is dependent on it.
EDIT: This is only a partial answer. OP still has another issue outside of this. Wanted to leave this up however as it was useful in solving part 1 of his problem.
answered Dec 31 '18 at 18:05
basicbasic
2,16511225
Resource interpreted as Stylesheet but transferred with MIME typeapplication/javascript: "localhost:8000/js/jquery-3.3.1.min.js" its gone but ajax still doesnt work
– bramasta vikana
Dec 31 '18 at 18:15
add a comment |
0
0
0
You have this line set to be a stylesheet but it is actually a .js file.
<link rel="stylesheet" type="text/css" href="{!! asset('js/jquery-3.3.1.min.js') !!}">
Try using:
<script src="{!! asset('js/jquery-3.3.1.min.js') !!}"></script>
Also, why are you including JQuery twice? Just move your second declaration to the top, the line that says:
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
It needs to be declared before you add SweetAlert because SweetAlert is dependent on it.
EDIT: This is only a partial answer. OP still has another issue outside of this. Wanted to leave this up however as it was useful in solving part 1 of his problem.
answered Dec 31 '18 at 18:05
basicbasic
2,16511225
You have this line set to be a stylesheet but it is actually a .js file.
<link rel="stylesheet" type="text/css" href="{!! asset('js/jquery-3.3.1.min.js') !!}">
Try using:
<script src="{!! asset('js/jquery-3.3.1.min.js') !!}"></script>
Also, why are you including JQuery twice? Just move your second declaration to the top, the line that says:
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
It needs to be declared before you add SweetAlert because SweetAlert is dependent on it.
EDIT: This is only a partial answer. OP still has another issue outside of this. Wanted to leave this up however as it was useful in solving part 1 of his problem.
answered Dec 31 '18 at 18:05
basicbasic
2,16511225
edited Dec 31 '18 at 18:22
answered Dec 31 '18 at 18:05
basicbasic
2,16511225
answered Dec 31 '18 at 18:05
basicbasic
2,16511225
answered Dec 31 '18 at 18:05
basicbasic
2,16511225
2,16511225
Resource interpreted as Stylesheet but transferred with MIME typeapplication/javascript: "localhost:8000/js/jquery-3.3.1.min.js" its gone but ajax still doesnt work
– bramasta vikana
Dec 31 '18 at 18:15
add a comment |
Resource interpreted as Stylesheet but transferred with MIME typeapplication/javascript: "localhost:8000/js/jquery-3.3.1.min.js" its gone but ajax still doesnt work
– bramasta vikana
Dec 31 '18 at 18:15
Resource interpreted as Stylesheet but transferred with MIME typeapplication/javascript: "localhost:8000/js/jquery-3.3.1.min.js" its gone but ajax still doesnt work
– bramasta vikana
Dec 31 '18 at 18:15
Resource interpreted as Stylesheet but transferred with MIME typeapplication/javascript: "localhost:8000/js/jquery-3.3.1.min.js" its gone but ajax still doesnt work
– bramasta vikana
Dec 31 '18 at 18:15
add a comment |
0
you have to use this js files,i hope its work for you.
<script src="{{ asset('assets/global/plugins/jquery.min.js') }}" type="text/javascript"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
example
$("#sub").click(function() {
var startDate = $('#fromDate').val();
var endDate = $('#toDate').val();
if (startDate !='')
{
if(endDate == '')
{
swal("Error!", "Please Select To Date field", "error");
return false;
}
}
else
{
swal("Error!", "Please Select From Date field", "error");
return false;
}
if(startDate > endDate)
{
//alert("Please Select To Date Grater Than"+startDate);
swal("Error!", "Please Select To Date Grater Than "+startDate, "error");
return false;
} });
answered Jan 1 at 8:01
dhara gosaidhara gosai
198
add a comment |
0
you have to use this js files,i hope its work for you.
<script src="{{ asset('assets/global/plugins/jquery.min.js') }}" type="text/javascript"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
example
$("#sub").click(function() {
var startDate = $('#fromDate').val();
var endDate = $('#toDate').val();
if (startDate !='')
{
if(endDate == '')
{
swal("Error!", "Please Select To Date field", "error");
return false;
}
}
else
{
swal("Error!", "Please Select From Date field", "error");
return false;
}
if(startDate > endDate)
{
//alert("Please Select To Date Grater Than"+startDate);
swal("Error!", "Please Select To Date Grater Than "+startDate, "error");
return false;
} });
answered Jan 1 at 8:01
dhara gosaidhara gosai
198
add a comment |
0
0
0
you have to use this js files,i hope its work for you.
<script src="{{ asset('assets/global/plugins/jquery.min.js') }}" type="text/javascript"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
example
$("#sub").click(function() {
var startDate = $('#fromDate').val();
var endDate = $('#toDate').val();
if (startDate !='')
{
if(endDate == '')
{
swal("Error!", "Please Select To Date field", "error");
return false;
}
}
else
{
swal("Error!", "Please Select From Date field", "error");
return false;
}
if(startDate > endDate)
{
//alert("Please Select To Date Grater Than"+startDate);
swal("Error!", "Please Select To Date Grater Than "+startDate, "error");
return false;
} });
answered Jan 1 at 8:01
dhara gosaidhara gosai
198
you have to use this js files,i hope its work for you.
<script src="{{ asset('assets/global/plugins/jquery.min.js') }}" type="text/javascript"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
example
$("#sub").click(function() {
var startDate = $('#fromDate').val();
var endDate = $('#toDate').val();
if (startDate !='')
{
if(endDate == '')
{
swal("Error!", "Please Select To Date field", "error");
return false;
}
}
else
{
swal("Error!", "Please Select From Date field", "error");
return false;
}
if(startDate > endDate)
{
//alert("Please Select To Date Grater Than"+startDate);
swal("Error!", "Please Select To Date Grater Than "+startDate, "error");
return false;
} });
answered Jan 1 at 8:01
dhara gosaidhara gosai
198
answered Jan 1 at 8:01
dhara gosaidhara gosai
198
answered Jan 1 at 8:01
dhara gosaidhara gosai
198
answered Jan 1 at 8:01
dhara gosaidhara gosai
198
198
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53990172%2fwhy-doesnt-ajax-and-sweetalert-show%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
What have you changed since yesterday?
– Andy
Dec 31 '18 at 18:02
I didnt change anything
– bramasta vikana
Dec 31 '18 at 18:03
I have read some answer frok another website but it doesnr work
– bramasta vikana
Dec 31 '18 at 18:06
@bramastavikana can you add a console.log to output the response in both the error and success callbacks? If your swal isn't showing something isn't right here and you have poor error catching right now making it harder to determine why.
– basic
Dec 31 '18 at 18:17
My swal is working in another function i think ajax is not working
– bramasta vikana
Dec 31 '18 at 18:19