js检测输入内容全为空格的方法
JavaScript判断输入内容不能全为空格的方法,用来避免输入框的内容输入的全是空格:
代码如下:
<html>
<head>
<script>
function checkBlankSpace(str){
while(str.lastIndexOf(" ")>=0){
str = str.replace(" ","");
}
if(str.length == 0){
alert("输入不能全为空");
}
}
function test(){
var testStr = document.getElementById("test").value;
checkBlankSpace(testStr);
}
</script>
</head>
<body>
<input type="text" id="test"/>
<input type="button" value="测试" onclick="test()">
</body>
</html>
相关推荐
-
js去字符串前后空格的实现方法
当我们进行一些页面编辑时,字符串前后的空格,通常是无效的.因此需要在获取信息时,进行过滤. 比如: 输入:[空格][空格]a[空格]b[空格][空格][空格] 得到:a[空格]b 代码如下: 去掉前面的空格 function LTrim(str){ var i; for(i=0;i<str.length;i++){ if(str.charAt(i)!=" ") break; } str = str.substring(i,str.length); return str; } 去掉
-
JS输出空格的简单实现方法
在写JS代码的时候,大家可以会发现这样现象: document.write(" 1 2 3 "); 结果: 1 2 3 无论在输出的内容中什么位置有多少个空格,显示的结果好像只有一个空格. 这是因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格. 解决方法: 1. 使用输出html标签 来解决 document.write(" "+"1"+" "+"23"); 结果: 1 23 2.
-
js去字符串前后空格5种实现方法及比较
我们在项目中如果写到注册的时候,用户输入空格,我们怎么来剔除空格呢? 下面是我经常用到的js与大家分享下: 第一种:循环检查替换 [javascript] 复制代码 代码如下: //供使用者调用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左边的空白 function trimLeft(s){ if(s == null) { return ""; } var whitespace = new String("
-
js检测输入内容全为空格的方法
JavaScript判断输入内容不能全为空格的方法,用来避免输入框的内容输入的全是空格: 复制代码 代码如下: <html> <head> <script> function checkBlankSpace(str){ while(str.lastIndexOf(" ")>=0){ str = str.replace(" ",""); } if(str.length ==
-
vue判断input输入内容全是空格的方法
比如input中的数据和data中的msg双向绑定. 那么我们可以 判断先把msg以空格拆分成数组,然后拼接起来,判断字符串的长度,如果长度为0,证明输入的就全是空格了,如下: msg.split(" ").join("").length = 0 以上这篇vue判断input输入内容全是空格的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们. 您可能感兴趣的文章: vue获取input输入值的问题解决办法 详解.vue文件中监听in
-
js检测iframe是否加载完成的方法
本文实例讲述了js检测iframe是否加载完成的方法.分享给大家供大家参考,具体如下: 这里是继上一篇<js实现iframe框架取值的方法(兼容IE,firefox,chrome等)>的扩展应用: 应用场景:iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外,还没找到更有效的办法),但是有时候我们不知道这个iframe页面是否执行完毕,有没有办法判断iframe里的页面是否load完成了呢? iframe1.html: <html> &
-
js检测判断日期大于多少天的方法
本文实例讲述了js检测判断日期大于多少天的方法.分享给大家供大家参考.具体分析如下: 这个例子演示如何使用js根据标签span中的日期来对比本地时间(访问者电脑上的时间,或者标准时间),如相差15天: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>如何用js检测判断日期大于多少天</title> <script> window
-
JS检测浏览器开发者工具是否打开的方法详解
在某些情况下我们需要检测当前用户是否打开了浏览器开发者工具,比如前端爬虫检测,如果检测到用户打开了控制台就认为是潜在的爬虫用户,再通过其它策略对其进行处理.本篇文章主要讲述几种前端JS检测开发者工具是否打开的方法. 一.重写toString() 对于一些浏览器,比如Chrome.FireFox,如果控制台输出的是对象,则保留对象的引用,每次打开开发者工具的时候都会重新调用一下对象的toString()方法将返回结果打印到控制台(console tab)上. 所以只需要创建一个对象,重写它的to
-
JS检测输入字符是否包含非法字符的示例代码
复制代码 代码如下: function checks(t){ szMsg="[#_%&'/",;:=!^]"; alertStr=""; for(i=1;i<szMsg.length+1;i++){ if(t.indexOf(szMsg.substring(i-1,i))>-1){ alertStr="请勿包含非法字符如[#_%&'/",;:=!^]"; break
-
js判断输入字符串是否为空、空格、null的方法总结
判断字符串是否为空 var strings = ''; if (string.length == 0) { alert('不能为空'); } 判断字符串是否为"空"字符即用户输入了空格 var strings = ' '; if (strings.replace(/(^s*)|(s*$)/g, "").length ==0) { alert('不能为空'); } 判断输入字符串是否为空或者全部都是空格 function isNull( str ){ if ( str
-
js输入框使用正则表达式校验输入内容的实例
js输入框输入校验 /*用户名称格式判断--用户名只能为下划线.数字.字母或中文长度不超过10个字符*/ function checkUserName(str) { var reg = /^[_0-9a-zA-Z\u4e00-\u9fa5]{1,10}$/; return reg.test(str); } 以上这篇js输入框使用正则表达式校验输入内容的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
js文本框输入内容智能提示效果
本文实例讲述了js文本框输入内容智能提示效果代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 大体思路: 1.监听文本框事件.这里是用的keyup事件.大家可以尝试用onchange事件.不过感觉keyup事件的效果要好一点. 2.根据输入内容通过ajax异步的方式去访问后台数据. 3.遍历返回数据将数据添加到显示区域. 4.在添加数据的同时给每一条数据加上一些效果,点击其中一条将数据填到文本框,并且提示内容消失. 5.后台数据应该拼接成json格式. 具体代码如下: <!DOCTYP
-
js限制文本框的输入内容代码分享(3类)
为大家分享的JavaScript限制文本框的输入内容代码如下 <style type="text/css"> <!-- .STYLE1 { color: #0099FF; font-weight: bold; font-size: x-large; } --> </style> <p> </p> <p> </p> <p> </p> <p> </p> <
随机推荐
- 如何使用jquery修改css中带有!important的样式属性
- SQL Server 2008中的FileStream介绍
- Java 字符串反转实现代码
- 基于js的变量提升和函数提升(详解)
- php实现改变图片直接打开为下载的方法
- php使用filter过滤器验证邮箱 ipv6地址 url验证
- 详解phpmyadmin相关配置与错误解决
- 解决Win7 x64安装解压版mysql 5.7.18 winx64出现服务无法启动问题
- NodeJS中的MongoDB快速入门详细教程
- 多浏览器css兼容分析小结
- php实现发送微信模板消息的方法
- java操作XML实例代码
- jQuery实现html table行Tr的复制、删除、计算功能
- JavaScript语言核心数据类型和变量使用介绍
- vue多级多选菜单组件开发
- 如何搭建自己CDN服务器(LuManager)
- Java调用Shell命令的方法
- Python基于回溯法子集树模板解决全排列问题示例
- android仿QQ个人主页下拉回弹效果
- Android 布局文件Layout XML属性