淺談JS驗證表單文本域輸入空格的問題
更新時間：2017年02月14日 13:10:40 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談JS驗證表單文本域輸入空格的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
在表單中驗證輸入的文本域字符是否為空格，即空字符串，通常需要去除字符兩邊的空格才可驗證準(zhǔn)確。否則如果連續(xù)輸入多個空格鍵，僅憑 document.getElementById("name").value == "" 驗證不出來的。
去除字符串兩邊的空格的方法，還要考慮瀏覽器的兼容問題。
一、 trim() 方法
document.getElementById("name").value.trim() 該方式在 Chrome、Firefox 中沒有問題，可以正常執(zhí)行，但是在360、IE里面會報錯誤 “對象不支持此屬性或方法”。
二、jQuery 的 $.trim() 方法
$.trim(document.loginForm.account.value)
這個方法可以解決上述在 360、IE中出現(xiàn)的 “對象不支持此屬性或方法” 錯誤，且在 Chrome、Firefox 中 都可以正常運(yùn)行。
以上是自己在應(yīng)用實現(xiàn)中遇到的一點小問題，在此學(xué)習(xí)記錄一下！
這篇淺談JS驗證表單文本域輸入空格的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
下面小編就為大家分享一篇初探j(luò)s和簡單隱藏效果的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崟r聊天WebSocket的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要給大家介紹了關(guān)于Webpack打包慢問題的完美解決方法，文中通過示例代碼介紹的非常詳細(xì)，相信對大家的學(xué)習(xí)或者工作能帶來一定的幫助，需要的朋友們下面來一起看看吧。2017-03-03
JavaScript數(shù)據(jù)存儲 Cookie篇
這篇文章主要為大家介紹了JavaScript數(shù)據(jù)存儲 Cookie篇，感興趣的朋友可以參考一下2016-07-07
在使用bootstrap table的復(fù)選框功能的時候，由于采用服務(wù)端分頁，當(dāng)在第一頁選擇了某些數(shù)據(jù)，然后點擊第二頁選擇一些數(shù)據(jù)，再次點回第一頁，發(fā)現(xiàn)原先選擇的數(shù)據(jù)已經(jīng)清空了，原來的多選框并不支持翻頁保留多選數(shù)據(jù)，怎么解決呢，下面小編給大家分享下解決思路2017-03-03
JS 實現(xiàn)獲取打開一個界面中輸入的值，需要的朋友可以參考一下2013-03-03
基于JavaScript FileReader上傳圖片顯示本地鏈接
這篇文章主要為大家詳細(xì)介紹了基于JavaScript FileReader上傳圖片顯示本地鏈接的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
原生js實現(xiàn)改變隨意改變div屬性style的名稱和值的結(jié)果
在本文將為大家介紹下如何用原生js和jQuery實現(xiàn)隨意改變div屬性，和重置，具體實現(xiàn)如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-09-09
微信小程序中的數(shù)據(jù)存儲實現(xiàn)方式
這篇文章主要介紹了微信小程序中的數(shù)據(jù)存儲實現(xiàn)方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-08-08
javascript與PHP動態(tài)往類中添加方法對比
這篇文章主要介紹了JAVASCRIPT與PHP動態(tài)往類中添加方法對比的相關(guān)資料,需要的朋友可以參考下2018-03-03