淺談JS驗(yàn)證表單文本域輸入空格的問題

發(fā)布時間：2020-09-21 15:47:58 來源：腳本之家閱讀：232 作者：jingxian 欄目：web開發(fā)

在表單中驗(yàn)證輸入的文本域字符是否為空格，即空字符串，通常需要去除字符兩邊的空格才可驗(yàn)證準(zhǔn)確。否則如果連續(xù)輸入多個空格鍵，僅憑 document.getElementById("name").value == "" 驗(yàn)證不出來的。

去除字符串兩邊的空格的方法，還要考慮瀏覽器的兼容問題。

一、 trim() 方法

document.getElementById("name").value.trim() 該方式在 Chrome、Firefox 中沒有問題，可以正常執(zhí)行，但是在360、IE里面會報(bào)錯誤 “對象不支持此屬性或方法”。

二、jQuery 的 $.trim() 方法

$.trim(document.loginForm.account.value)

這個方法可以解決上述在 360、IE中出現(xiàn)的 “對象不支持此屬性或方法” 錯誤，且在 Chrome、Firefox 中都可以正常運(yùn)行。

以上是自己在應(yīng)用實(shí)現(xiàn)中遇到的一點(diǎn)小問題，在此學(xué)習(xí)記錄一下！

這篇淺談JS驗(yàn)證表單文本域輸入空格的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

猜你喜歡