Question

我想在Javascript中进行错误检查，如果表单文本元素为空，则会弹出。

var itemPrice = parseFloat(document.getElementById("tPrice").value);

if(itemPrice < 0 || itemPrice == null)
{
  alert("Please enter a valid price");
  return false;
}

我尝试了itemPrice == "null"和itemPrice === "null"。

任何见解都会很棒，谢谢！

Answer 1

这将为您提供您正在寻找的结果

if (typeof itemPrice == "undefined" || itemPrice <= 0) { ... }

Answer 2

要检查值是否为空，只需编写getElementById("tPrice").value===''而不使用parseFloat。

var itemPrice = parseFloat(document.getElementById("tPrice").value);

if(getElementById("tPrice").value==='' || itemPrice < 0)
{
  alert("Please enter a valid price");
  return false;
}

Answer 3

您可以使用isNaN函数来判断该函数是否不是数字，这不仅适用于空白/空值，也适用于任何随机文本。

在下面的示例中，stackoverflow不允许运行alert语句，因此我更改了它以内联显示结果。

function validateField() {
    var itemPrice = parseFloat(document.getElementById("tPrice").value),
        result = document.getElementById("result");
    
    if(isNaN(itemPrice) || itemPrice < 0) {
        result.innerHTML = '<span style="background:red;color:#fff">Please enter a valid price</span>';
        return false;
    }
    result.innerHTML = '<span style="background:green;color:#fff">Price is valid</span>';
    return true;
}

<input type="text" id="tPrice" />
<button onclick="validateField();">Validate Field</button>
Result:<span id="result"></span>

Answer 4

如果itemPrice必须是数字＆gt; 0试试这个：

var itemPrice = document.getElementById("tPrice").value;

if(!(itemPrice > 0)) {
    alert("Please enter a valid price");
    return false;
}

检查<form> text元素是否为null

4 个答案: