当前位置: 首页 > 编程笔记 >

浅谈JS验证表单文本域输入空格的问题

吕向阳
2023-03-14
本文向大家介绍浅谈JS验证表单文本域输入空格的问题,包括了浅谈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验证表单文本域输入空格的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍浅谈关于iview表单验证的问题,包括了浅谈关于iview表单验证的问题的使用技巧和注意事项,需要的朋友参考一下 关于iview表单验证的问题 iview表单验证的步骤: 第一步:给 Form 设置属性 rules   :rules 第二步:同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=”“ 第三步:注意:Form标签里面是  :model

  • 开发Web的一个原则就是,不能信任用户输入的任何信息,所以验证和过滤用户的输入信息就变得非常重要,我们经常会在微博、新闻中听到某某网站被入侵了,存在什么漏洞,这些大多是因为网站对于用户输入的信息没有做严格的验证引起的,所以为了编写出安全可靠的Web程序,验证表单输入的意义重大。 我们平常编写Web应用主要有两方面的数据验证,一个是在页面端的js验证(目前在这方面有很多的插件库,比如Validati

  • 问题内容: 我的联系页面形式如下, 需要为所有字段添加验证。谁能帮我在此反应形式中添加验证? 问题答案: 您应该避免使用refs,可以使用function来实现。 每次更改时,请更新已更改字段的状态。 然后,您可以轻松地检查该字段是否为空或您想要的其他内容。 您可以执行以下操作: 在此示例中,我仅对电子邮件和姓名进行了验证,但是您知道如何进行验证。其余的你可以自己做。 也许有更好的方法,但是您会明

  • 我试图找到一个完整的模式列表,用于通过HTML5表单验证各种类型的输入,特别是、、等等,但我找不到任何模式。目前,这些输入验证的内置版本远非完美(甚至不检查输入的内容是否是电话号码)。所以我想知道,我可以使用哪些模式来验证用户在输入中输入了正确的格式? 以下是一些默认验证允许不允许的输入的例子: 这个字段允许在@后面有不正确域的电子邮件,它允许地址以破折号或句号开始或结束,这也是不允许的。因此,是

  • 本文向大家介绍由浅入深剖析Angular表单验证,包括了由浅入深剖析Angular表单验证的使用技巧和注意事项,需要的朋友参考一下 最近手上维护的组件剩下的BUG都是表单验证,而且公司的表单验证那块代码经历的几代人,里面的逻辑开始变得不清晰,而且代码结构不是很angular。 是很有必要深入了解表单验证。 ngModel是angular的黑魔法,实现双向绑定,当name的值变化的时候,input的

  • 我们正在从我们的站点联系表收到空电子邮件,我们不知道为什么。我们的表单非常简单,验证也不是那么先进,但足以满足我们的目的。 我们有5个字段: 名称(文本输入) 邮件(文本输入) 电话(文本输入) 原因(选择,3个值) 消息(文本区) 然后使用JS验证所有字段。最后,使用submit,我们发送带有php邮件功能的邮件: 总的来说,工作正常。但有时我们会收到一封包含所有内容的电子邮件(包括原因...这