`
amcucn
  • 浏览: 293148 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

使用JavaScript判断输入的内容是否为空,应该注意的一点!

阅读更多

我们经常要判断一个输入框中是否输入了内容,如果未输入内容就要弹出提示框告诉用户未输入内容!

但是这里有一个问题,如果用户输入的是一个空格 或者是一些其它空字符,这时如果不注意,就达不到要求了!

 

下面我给我出一段JavaScript代码用来解决以上问题:

//提交查询内容
	function formSubmit() {
	var condId = document.getElementById("searchProductText");
	var text = condId.value;
	var textValue = text.replace(/(^\s*)|(\s*$)/g, ""); 	//替换输入内容当中所有的空字符,包括全角空格,半
	if(textValue==null || textValue=="") {
		alert("输入的内容为空,无法查询!");
		return false;
	}
	
	}

 关键的一句:

text.replace(/(^\s*)|(\s*$)/g, ""); 

通过这句话,可以将用户输入的内容先进行处理,这里处理的是用户如果输入了空格不管是全解的还是半角的,都可以将它替换成"",这样就达到要求了!

 

 

分享到:
评论
1 楼 昔日舞曲 2008-10-21  
收下了!  

相关推荐

    当使用ckeditor控件时,需要校验输入内容是否为空的一种解决办法(转帖)

    当用户点击提交按钮时,首先会执行checkForm函数,该函数判断输入框的内容,如果为空则返回false阻止表单的进一步提交。如果内容不为空,则允许表单正常提交。 3. **ckeditor编辑器内容获取的延迟问题**: 问题...

    判断输入是否为空,获得输入类型的JS代码

    本文将介绍如何在JavaScript中判断输入是否为空,以及如何使用typeof操作符来获得输入变量的类型。 首先,判断输入是否为空是一个常见的需求。在JavaScript中,空值可以是未声明的变量、值为undefined的变量、值为...

    JavaScript中严格判断NaN的方法

    在JavaScript编程语言中,判断一个变量是否为`NaN`(Not-a-Number)有时可能会成为棘手的问题。`NaN`是一个特殊的数值,它表示非数字值。JavaScript提供了`isNaN()`函数来帮助开发者检测一个值是否为非数字,但这个...

    JavaScript笔记

    |--isNaN():判断是否为数字。返回 true:不是数字/false:是数字 | |--isNan(""):对空字符串不验证,直接返回false | |--如果输入的是字符串类型的数字,返回false--不能判断数据类型,只判断内容 | |--如果...

    实例讲解js验证表单项是否为空的方法

    本文详细介绍了使用JavaScript进行表单验证的方法,特别强调了判断表单项是否为空这种基础而广泛使用的验证方式。 首先,我们需要了解HTML表单的基础结构。在给定的实例中,表单通过标签定义,其中包含了三个子元素...

    正则表达式和表单验证

    在JavaScript中,我们可以通过检查输入值的长度是否为0来实现这一点。 2. **比较两个表单项的值是否相同**: 当需要用户确认输入,如密码输入时,会使用这种验证。它确保用户两次输入的值一致。这里通过比较两个...

    利用JavaScript阻止表单提交的两种方法

    在JavaScript中,有几种方法可以实现这一点,本文将介绍两种常用的方法:使用return false以及使用event.preventDefault()。 首先,我们来看如何使用return false来阻止表单提交。在JavaScript中,表单提交是通过...

    简单的计算器

    在JavaScript部分,有一个名为`comput`的函数,但目前它是空的。这个函数将会被用作处理用户点击按钮时的事件响应。当用户点击一个运算按钮,`comput`函数会被调用,并需要获取输入框的值,执行相应的数学运算,然后...

    JavaScript输出所选择起始与结束日期的方法

    在代码中,判断了标签是“TD”还是“INPUT”,并且分别使用了innerText和value属性来获取标签中的文本内容和输入元素的值。 6. JavaScript中的日期处理:在JavaScript中,input元素的日期值是以字符串的形式存储的...

    Layui带搜索的下拉框的使用以及动态数据绑定方法

    当有选中值传入时,需要先判断这个选中值是否为空,如果不为空,则设置select的val值以显示选中的选项。 在使用Layui的下拉框时,还需要注意的一点是在数据绑定完成后,需要调用form.render()方法来重载表单。如果...

    asp.net中button控制先执行js再执行后台程序的方法

    为了做到这一点,可以在页面加载时(`Page_Load`方法)判断是否为首次加载页面(`!IsPostBack`),然后向按钮控件添加一个客户端事件。这通常是通过`btnSave.Attributes.Add("OnClick", "return UserAddVerify()");`...

    Angularjs实现搜索关键字高亮显示效果

    它首先检查输入的关键字是否为空,如果不为空,则调用`searchHighLight`函数来处理高亮显示。 - **高亮处理函数**:`searchHighLight`函数接收一个关键字参数,然后使用正则表达式来匹配并高亮显示该关键字。函数...

    Agile Web Development with Rails中文版 3rd Edition

    使用Ajax判断购物车是否为空,并相应地隐藏或显示购物车。 **9.5 迭代D5:JavaScript被禁用时的对策** 为不支持JavaScript的用户提供一种备选方案。 **9.6 我们做了什么** 总结了本章的重点内容,回顾了使用Ajax...

    测试培训教材

    输入以下内容 3、添加子需求项 查看需求 ZooIn : CTRL + I ZooOut : CTRL + O 视图->编号 视图->需求网格 视图->筛选/排序->设置筛选器/排序 设置排序字段 设置过滤条件 ...

    网管教程 从入门到精通软件篇.txt

     下例将物理设备名映射为使用 ARC 设备名称的驱动器号:  map arc  注意 如果不使用 arc 参数,则 map 命令显示设备名称。 map 命令还显示文件系统的类型和每个磁盘的大小(MB)。 二。★★★常见文件扩展名...

Global site tag (gtag.js) - Google Analytics