在Jquery中怎么判断input文本框的值为空啊(最好有多种方法)?
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在Jquery中怎么判断input文本框的值为空啊(最好有多种方法)?相关的知识，希望对你有一定的参考价值。
//有如下三种判断：
var A=$("#**).val();
if(A==null||A!=undefined||A=="")
//处理
还有另一种更简单的方法 测试过 可用：
var A=$("#**).val();
if(A.length>0)
//非空处理
扩展资料：
这里解释一下null与undefined和”“的区别:
null:空对象\\不是对象,转为数值为0
undefined:全局对象window的一个特殊属性.undefined表示”缺少值”，就是此处应该有一个值，但是还没有定义。转为数值为NaN.典型用法是：
（1）变量被声明了，但没有赋值时，就等于undefined。
（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。
（3）对象没有赋值的属性，该属性的值为undefined。
（4）函数没有返回值时，默认返回undefined。
参考资料：CSDN
input文本框的值属性为value，判断属性是否为空就是看input的value是否为 ' ' 。
假设有一个form包含一个id为name的inpiut：
<form id="form1">
<input id="name" name="name" type="text" />
</form>
多种获取语法为：
一、var 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")
结果如下：
扩展资料：
value 属性为 input 元素设定值，对于不同的输入类型，value 属性的用法也不同：
（1） 定义按钮上的显示的文本。
type="button", "reset", "submit"
（2） 定义输入字段的初始值。
type="text", "password", "hidden"
（3） 定义与输入相关联的值。
type="checkbox", "radio", "image"
参考资料：w3school--input的value属性
参考技术B1、$(".input[type=text]").val()=="";
2、$(".input[type=text]").val().length==0;
input定义用法
<input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
<input> 标签可定义输入域的开始，在其中用户可输入数据。
对于大量通常的表单控件，可以使用 <input> 标签来进行定义，其中包括文本字段、多选列表、可单击的图像和提交按钮等。
虽然 <input> 标签中有许多属性，但是对每个元素来说，只有type属性和name属性是必需的（提交或重置按钮只有 type 属性）。
扩展资料
jQuery是一个快速、简洁的javascript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化html文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
参考技术Cinput文本框的值属性为value，判断属性是否为空就是看input的value是否为 ' ' 。
假设有一个form包含一个id为name的inpiut：
<form id="form1">
<input id="name" name="name" type="text" />
</form>
多种获取语法为：
一、var 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")
结果如下：
扩展资料：
jQuery
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。
jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
语言特点
1、快速获取文档元素
jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。
2、提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。
3、创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如php网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。
4、提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。
5、增强的事件处理
jQuery提供了各种页面事件，它可以避免程序员在HTML中添加太事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。
6、更改网页内容
jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。
参考资料：百度百科-jQuery
参考技术D .InputValidator(min:1,onerror:"密码不能为空,请确认")它内置的不是有个判断不为空的方法嘛,还要判断文本框为空做什么啊?文本框的字数限制功能jquery插件
参考技术A 后来在网上闲逛的时候突然发现一个比较好的文本框的字数限制的jqueryplugin，简单好用
效果如下图
复制代码
代码如下:
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
>
<head>
<title>关于文本框的字数限制功能</title>
<script
type="text/javascript"
src="jquery-1.2.6.min.js"></script>
<script
type="text/javascript"
src="maxlength.js"></script>
</head>
<body>
<p>Enter
your
hobbies
(<50
characters)</p>
<textarea
style="width:300px;
height:150px"
data-maxsize="50"
data-output="status1"
wrap="virtual"></textarea><br
/>
<div
id="status1"
style="width:300px;font-weight:bold;text-align:right"></div><br
/>
<p>Enter
your
postal
code
(<6
characters)</p>
<input
type="text"
name="T1"
size="15"
data-maxsize="6">
</body>
</html>
属性解释:
data-maxsize:该文本域能够接受的最大字数.(important)
data-output:如果想实时动态显示文本框里的字数，该属性设置显示字数的span或div的id.(字数显示的颜色会随着数量变化)
如果不修改它的源文件的话，加添了js引用后，你只需要给自己的text或者textarea加上data-maxsize属性就可以了。
关于动态设置最大值
使用setformfieldsize方法：
setformfieldsize($field,
maxsize,
outputfieldid)
属性解释:
$field:就是被限制的文本框的JQuery对象(参考Jquery文档).
maxsize:和data-maxsize一样,该文本域能够接受的最大字数.
outputfieldid:和data-output一样.
例子:
复制代码
代码如下:
<script
type="text/javascript">
//jQuery(document).ready(function($)
//fire
on
DOM
ready
setformfieldsize(jQuery('#comment'),
50,
'charsremain')
//);
</script>
在界面加载时执行.
演示代码下载http://xiazai.jb51.net/200911/yuanma/textarea_maxlength.rar
以上是关于在Jquery中怎么判断input文本框的值为空啊(最好有多种方法)?的主要内容，如果未能解决你的问题，请参考以下文章