首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >检查<form>文本元素是否为空

检查<form>文本元素是否为空
EN

Stack Overflow用户
提问于 2015-10-18 19:17:19
回答 4查看 250关注 0票数 1

我想在Javascript中做一个错误检查,如果表单文本元素是空的,它就会弹出。

代码语言: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"

任何洞察力都会很好,谢谢!

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2015-10-18 19:26:03

要检查该值是否为空,只需编写不带getElementById("tPrice").value===''的parseFloat。

代码语言:javascript
复制
var itemPrice = parseFloat(document.getElementById("tPrice").value);

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

Stack Overflow用户

发布于 2015-10-18 19:25:50

这将给你你想要的结果。

代码语言:javascript
复制
if (typeof itemPrice == "undefined" || itemPrice <= 0) { ... }
票数 0
EN

Stack Overflow用户

发布于 2015-10-18 19:56:19

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

在下面的示例中,堆栈溢出不允许运行alert语句,因此我将其改为内联显示结果。

代码语言:javascript
复制
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;
}
代码语言:javascript
复制
<input type="text" id="tPrice" />
<button onclick="validateField();">Validate Field</button>
Result:<span id="result"></span>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33202139

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档