浅谈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文本框不能输入空格验证方法
1.只是不能输入空格 复制代码 代码如下: <input type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"> 2.不能输入空格及英文状态下的逗号 复制代码 代码如下: <input type="text" onkeyup="this.value=this.value.replace(/[, ]/g,'')"> 3. 复制
-
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验证表单文本域输入空格的问题
在表单中验证输入的文本域字符是否为空格,即空字符串,通常需要去除字符两边的空格才可验证准确.否则如果连续输入多个空格键,仅凭 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
随机推荐
- Python编程实现输入某年某月某日计算出这一天是该年第几天的方法
- 一个简单Ajax类库及使用方法实例分析
- Python中使用copy模块实现列表(list)拷贝
- json编写简单一例
- oracle11gR2使用exp导出命令时报EXP-00011错误的解决方法
- python实现定时播放mp3
- ASP.NET返回上一页面的实现代码
- JS打印gridview实现原理及代码
- JavaScript 程序执行顺序问题总结
- JS关键字球状旋转效果的实例代码
- PHP 关于访问控制的和运算符优先级介绍
- PHP获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
- php使用ICQ网关发送手机短信
- ubuntu下搭建php开发环境(nginx+(cgi)php5fpm+memcached+xdebug)
- JS正则获取HTML元素的方法
- python flask 多对多表查询功能
- 基于python实现微信模板消息
- Javascript排序算法之计数排序的实例
- 十大经典误会
- C# Access数据库增删查改的简单方法