我想知道如何在此部分仅允许数字。
{
title: "Dollar Amount?",
text: "How much is your Dollar Question worth?",
inputPlaceholder: "Enter Amount"
}
我正在使用Sweetalert插件。几天来一直困扰着我,而我才是前端的新手,我真的是一个完整的后端人员。
function showDollarQuestion() {
if (inUserId === "" || inUserId === null) {
socket.emit('stud notif', myuserid,myuserid,"noroom");
}else{
swal.setDefaults({
input: 'text',
confirmButtonText: 'Next →',
showCancelButton: true,
animation: false,
progressSteps: ['1', '2']
})
var steps = [
{
title: "Dollar Question?",
text: "Ask a question to your influencer",
inputPlaceholder: "Write your Dollar Question"
},
{
title: "Dollar Amount?",
text: "How much is your Dollar Question worth?",
inputPlaceholder: "Enter Amount"
}
]
swal.queue(steps).then(function (result) {
if (result[1] === "" || result[1] === "") {
swal.resetDefaults()
swal({
title: 'Empty Field!',
html:
'Dollar Question is required<br />Dollar Amount is required',
confirmButtonText: 'Try Again',
showCancelButton: false
})
}else if(){
}else{
swal.resetDefaults()
swal({
title: 'All done!',
html:
'Your Dollar Question is '+JSON.stringify(result[0]).replace(/\"/g, "")+
'<br /> Dollar Question worth is '+JSON.stringify(result[1]).replace(/\"/g, ""),
confirmButtonText: 'Great, your question has been successfully submitted to your influencer',
showCancelButton: false
})
socket.emit('dollar quest', JSON.stringify(result[0]).replace(/\"/g, ""), JSON.stringify(result[1]).replace(/\"/g, ""), inUserId, myuserid, 'dquest');
}
}, function () {
swal.resetDefaults()
})
}
}
到目前为止,这就是我得到的所有代码。而且我找不到有关Sweetalert的任何教程。在此先感谢大家
最佳答案
首先,您正在使用SweetAlert2,而不是SweetAlert。这些是2个不同的项目,API略有不同。
为了使数字字段,您应该将input
参数设置为'number'
:
Swal.fire({
text: 'How much is your Dollar Question worth?',
input: 'number'
}).then(function(result) {
if (result.value) {
const amount = result.value
Swal.fire(amount + ' USD')
}
})
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
有关
input
参数的更多详细信息,请参见官方文档页面:https://sweetalert2.github.io/