浅谈JS验证表单文本域输入空格的问题
在表单中验证输入的文本域字符是否为空格,即空字符串,通常需要去除字符两边的空格才可验证准确。否则如果连续输入多个空格键,仅凭 document.getElementById("name").value == "" 验证不出来的。
去除字符串两边的空格的方法,还要考虑浏览器的兼容问题。
一、 trim() 方法
document.getElementById("name").value.trim() 该方式在 Chrome、Firefox 中没有问题,可以正常执行,但是在360、IE里面会报错误 “对象不支持此属性或方法”。
二、jQuery 的 $.trim() 方法
$.trim(document.loginForm.account.value)
这个方法可以解决上述在 360、IE中出现的 “对象不支持此属性或方法” 错误,且在 Chrome、Firefox 中 都可以正常运行。
以上是自己在应用实现中遇到的一点小问题,在此学习记录一下!
这篇浅谈JS验证表单文本域输入空格的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
js各种验证文本框输入格式(正则表达式)
不能为空 <input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')"> 只能输入英文和数字<input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert('有错')"><input onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,'')"/><
-
JS文本框不能输入空格验证方法
1.只是不能输入空格 复制代码 代码如下: <input type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"> 2.不能输入空格及英文状态下的逗号 复制代码 代码如下: <input type="text" onkeyup="this.value=this.value.replace(/[, ]/g,'')"> 3. 复制
-
浅谈JS验证表单文本域输入空格的问题
在表单中验证输入的文本域字符是否为空格,即空字符串,通常需要去除字符两边的空格才可验证准确.否则如果连续输入多个空格键,仅凭 document.getElementById("name").value == "" 验证不出来的. 去除字符串两边的空格的方法,还要考虑浏览器的兼容问题. 一. trim() 方法 document.getElementById("name").value.trim() 该方式在 Chrome.Firefox 中
-
浅谈关于iview表单验证的问题
关于iview表单验证的问题 iview表单验证的步骤: 第一步:给 Form 设置属性 rules :rules 第二步:同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop="" 第三步:注意:Form标签里面是 :model 第四步:注意:在Form标签里面必须添加 ref,相当于id,在此范围内的表单验证有效 第五步:在操作保存按钮时,添加方法,对整个表单进行校验,参数为检验完的回调,会返回一个 Boolean 表示成功与失败. <
-
js验证表单第二部分
说明:JavaScript脚本,验证表单中的数据项 begin ------------------------------------------------------------------------------- */ function checkForm(objFrm){ var len = 0; len = objFrm.elements.length; var i = 0; var objCheck; //文本框 for(i = 0; i < len; i +
-
详解基于原生JS验证表单组件xy-form
原生form表单 form 表单元素大家可能都用到过,除了可以提交表单外,还有一些内置的表单校验,比如 require . minlength . maxlength ,还有各种类型的 input ,比如 type=email 可以校验是否是邮箱类型,如果不满足还可以使用 pattern 进行正则校验. 原生的表单验证大概如下 虽然丑陋,功能却很强大,基本可以满足一般的需求,不过ui终究过于原生,而且也不方便自定义,所以很多情况下这种默认的表单验证并不使用. 下面来看看 xy-form 下的效果
-
js验证表单大全
不错的JS验证~~~~~~~~~~~~~~~~~~~~~~~~~ 用途:校验ip地址的格式 输入:strIP:ip地址 返回:如果通过验证返回true,否则返回false: */ function isIP(strIP) { if (isNull(strIP)) return false; var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式 if(re.test(strIP)) { if( RegExp.$1 <256 && R
-
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
-任何标签的任何属性都可以修改! -HTML里是怎么写, JS就怎么写 以下是一段js 作用于 css 的 href的 代码 <link id="l1" rel="stylesheet" type="text/css" href="css1.css" rel="external nofollow" /> <script> function skin1() { var oL=docum
-
纯JS实现表单验证实例
表单我实现了,input属性是text(文本框).radio(单选按钮).checkbox(多选按钮)的知识点, fieldset标签(组合表单中的相关元素).select标签(选择列表)和textarea标签(多行文本框). <form action="MAILTO:someone@w3school.com.cn" method="post" enctype="text/plain" onsubmit="return check
-
原生js 实现表单验证功能
表单验证是web前端最常见的功能之一,也属于前端开发的基本功.自己完成一个表单验证的开发,也有助于加深对字符串处理和正则表达式的理解. 基本的表单验证包括如:字母验证.数字验证.字母和数字验证.汉字验证.密码验证.日期验证.手机验证.邮箱验证,密码验证等. 现在就来完成这些验证代码的编写,先来看字母是怎么验证的.先编写需要的html代码,创建一个id为formContainer的表单元素,在里面加入需要验证英文字母的文本框和按钮,文本框后面需要一个span元素存放提示文字.如下所示: <form
-
JS中input表单隐藏域及其使用方法
一.表单隐藏域 隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的.当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上. 代码格式: <input type="hidden" name="..." value="..."> 属性解释: type="hidden"定义隐藏域: name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称: value属
-
js进行表单验证实例分析
本文实例讲述了js进行表单验证的方法.分享给大家供大家参考.具体实现方法如下: 1. 传统的表单验证代码 复制代码 代码如下: <!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/199
随机推荐
- linux下socket编程常用头文件(推荐)
- java小数位的例子
- js实现文字列表无缝滚动效果
- php将access数据库转换到mysql数据库的方法
- 简单的ASP分页代码(测试正确)第1/2页
- Android仿QQ空间底部菜单示例代码
- Android App界面的ListView布局实战演练
- Android系统设置中的清除数据会清除哪些数据?
- python实现的简单FTP上传下载文件实例
- Iframe自适应其加载的内容高度
- Adsutil.vbs 在脚本攻击中的妙用[我非我原创]
- C++/Php/Python 语言执行shell命令的方法(推荐)
- mybatis基本实例详解
- 仿中关村在线首页弹出式广告插件(jQuery版)
- JavaScript中的Math.LOG2E属性使用详解
- GridView生成的HTML代码示例对比
- C语言文件复制实例详解
- Hibernate中的多表查询及抓取策略
- Android获得内/外置存储卡路径的方法
- Java实现的zip工具类完整实例