浅谈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验证表单文本域输入空格的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • 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

随机推荐