淺談JS驗(yàn)證表單文本域輸入空格的問題
在表單中驗(yàn)證輸入的文本域字符是否為空格,即空字符串,通常需要去除字符兩邊的空格才可驗(yàn)證準(zhǔn)確。否則如果連續(xù)輸入多個(gè)空格鍵,僅憑 document.getElementById("name").value == "" 驗(yàn)證不出來的。
去除字符串兩邊的空格的方法,還要考慮瀏覽器的兼容問題。
一、 trim() 方法
document.getElementById("name").value.trim() 該方式在 Chrome、Firefox 中沒有問題,可以正常執(zhí)行,但是在360、IE里面會(huì)報(bào)錯(cuò)誤 “對(duì)象不支持此屬性或方法”。
二、jQuery 的 $.trim() 方法
$.trim(document.loginForm.account.value)
這個(gè)方法可以解決上述在 360、IE中出現(xiàn)的 “對(duì)象不支持此屬性或方法” 錯(cuò)誤,且在 Chrome、Firefox 中 都可以正常運(yùn)行。
以上是自己在應(yīng)用實(shí)現(xiàn)中遇到的一點(diǎn)小問題,在此學(xué)習(xí)記錄一下!
這篇淺談JS驗(yàn)證表單文本域輸入空格的問題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
初探j(luò)s和簡(jiǎn)單隱藏效果的實(shí)例
下面小編就為大家分享一篇初探j(luò)s和簡(jiǎn)單隱藏效果的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-11-11JavaScript數(shù)據(jù)存儲(chǔ) Cookie篇
這篇文章主要為大家介紹了JavaScript數(shù)據(jù)存儲(chǔ) Cookie篇,感興趣的朋友可以參考一下2016-07-07JS 實(shí)現(xiàn)獲取打開一個(gè)界面中輸入的值
JS 實(shí)現(xiàn)獲取打開一個(gè)界面中輸入的值,需要的朋友可以參考一下2013-03-03基于JavaScript FileReader上傳圖片顯示本地鏈接
這篇文章主要為大家詳細(xì)介紹了基于JavaScript FileReader上傳圖片顯示本地鏈接的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05原生js實(shí)現(xiàn)改變隨意改變div屬性style的名稱和值的結(jié)果
在本文將為大家介紹下如何用原生js和jQuery實(shí)現(xiàn)隨意改變div屬性,和重置,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-09-09微信小程序中的數(shù)據(jù)存儲(chǔ)實(shí)現(xiàn)方式
這篇文章主要介紹了微信小程序中的數(shù)據(jù)存儲(chǔ)實(shí)現(xiàn)方式,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-08-08javascript與PHP動(dòng)態(tài)往類中添加方法對(duì)比
這篇文章主要介紹了JAVASCRIPT與PHP動(dòng)態(tài)往類中添加方法對(duì)比的相關(guān)資料,需要的朋友可以參考下2018-03-03