input取value，判断value是否为空。null/undefined/''的区别

最新推荐文章于 2023-08-26 14:06:13 发布

混迹在开发队伍里的伪开发

最新推荐文章于 2023-08-26 14:06:13 发布

阅读量1.8w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js

本文链接：https://blog.youkuaiyun.com/weixin_42645716/article/details/87984442

js 专栏收录该内容

43 篇文章

订阅专栏

本文详细介绍如何使用JavaScript从HTML的input元素中获取值，并提供了多种判断值是否为空的方法。同时，深入探讨了null、undefined与空字符串的区别，帮助开发者更好地理解和处理前端表单数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、Input获取value

<input type="text" value="请输入姓名" name="name" id="name">
<script>
var name; 
    name = document.getElementById("name").value
    name = form1.name.value
    name = $("#name").val()
    name =  $("input[id='name']").val()
    name = $("#name").attr("value")
    name = $("input[id='name']").attr("value")
</script>

二、判断value是否为空

// 方法一:
if(name == null || name == undefined || name == ''){
    console.log("value 为空")
}
// 方法二:
if(name.length > 0 ){
    console.log("value 不为空")
}

三、null、undefined、‘’的区别

null:空对象\不是对象,转为数值为0
undefined:全局对象window的一个特殊属性.undefined表示”缺少值”，就是此处应该有一个值，但是还没有定义。转为数值为NaN.典型用法是：

（1）变量被声明了，但没有赋值时，就等于undefined。
（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。
（3）对象没有赋值的属性，该属性的值为undefined。
（4）函数没有返回值时，默认返回undefined。