提示功能不接受仅包含数字的输入

Question

我已添加确认对话框以再次输入我在提交之前获得的状态。

那个公园有效。 问题是prompt() 函数除了输入数字之外没有？

无论如何我可以添加该部分以便它可以通过吗？

$(".delete-status").click(function (ev, el) {

    var status = $(this).data("status");
    var statusInput = prompt("Confirm deletion by entering the status:");

    if (statusInput === status) {

        statusDelete(status);
    } else if (statusInput === null || statusInput === "") {

        alert("Field should not be empty!");
    } else {

        alert("Entered status and status don't match!");
    }
});

知道如何修复代码吗？我对 jQuery 和 JS 很陌生。谢谢

我想涵盖这两种情况。带字符串和带数字。

Answer 1

您可以将statusInput 字符串转换为数字。

这可能会更好，但大致如下：

$(".delete-status").click(function (ev, el) {
    var status = $(this).data("status");
    var statusInput = prompt("Confirm deletion by entering the status:");

    if (Number(statusInput) === Number(status)) {
        statusDelete(status);
    } else if (statusInput === null || statusInput === "") {
        alert("Field should not be empty!");
    } else {
        alert("Entered status and status don't match!");
    }
})

Answer 2

jQuery 的.data() 方法会自动将数据解析为 JSON，因此如果它看起来是数字，它将返回一个数字，而不是字符串。

prompt() 始终返回一个字符串（如果您取消，则返回 null）。

所以你需要将status 和statusInput 转换为相同的类型，如果你想将它们与=== 进行比较。您可以使用parseInt() 将用户输入转换为整数。

$(".delete-status").click(function(ev, el) {

  var status = $(this).data("status");
  var statusInput = parseInt(prompt("Confirm deletion by entering the status:"));

  if (statusInput === status) {

    statusDelete(status);
  } else if (statusInput === null || statusInput === "") {

    alert("Field should not be empty!");
  } else {

    alert("Entered status and status don't match!");
  }
});