JS 表單驗證

2021-09-26 02:46:45 字數 1186 閱讀 4691

使用submit按鈕結合表單的onsubmit事件進行校驗並提交資料

使用js**進行校驗,並通過表單的submit方法進行提交

表單校驗的內容:

表單中的內容很多都是字串,故可以使用字串方法完成一些表單校驗的功能,字串的length屬性通常用於校驗字串長度

如下是常用的字串方法:

方法說明

charat

返回字串中指定位置的字元

indexof

返回子字串在目標字串中首次出現的位置,找不到則返回-1

substr

從指定位置開始擷取指定長度的字串例如 str.substr(陣列下標,長度)

substring

返回指定索引範圍內的字串 例如 str.substring(陣列下標,陣列下標)左閉右開

tolowercase

返回字串的小寫格式

replace

使用新的字串,替換目標字串中的舊字串 "hello".replace("h","g") 結果:gello

split

將目標字串按照特定分隔符,分割成乙個字串陣列

trim

去除字串兩邊的空格

正規表示式:定義乙個規則去驗證目標內容是否符合這個規則。用於字串的校驗,查詢,替換。

//用regexp建立正規表示式物件

var reg=new regexp("表示式規則","配置引數");

//通過字面量定義正規表示式物件

var reg=/表示式規則/配置引數;

//配置引數:

g:全域性匹配 global

i: 忽略大小寫匹配 ignorecase

m: 多行匹配 multiline

正規表示式的常用方法:

方法說明

test

使用正規表示式匹配目標內容,若能匹配上,則返回true,否側返回false

exec

使用正規表示式匹配目標內容,如果匹配上,則返回匹配的內容物件。返回物件包含內容的文字和位置。

名稱

描述search

返回與正規表示式查詢內容匹配的第乙個子字串的位置

replace

返回根據正規表示式進行文字替換後的字串

Js 表單驗證

兩個日期比較 用途 檢查開始日期是否小於等於結束日期 輸入 s 字串 開始日期 格式 2001 5 4 e 字串 結束日期 格式 2002 5 4 返回 如果通過開始日期小於等於結束日期返回 true,否則返回 false function data compare s,e d d if r nul...

JS表單驗證

1.長度限制 2.只能是漢字 3.只能是英文本母 4.只能是數字 5.只能是英文本母和數字 6.檢驗時間大小 與當前時間比較 7.遮蔽關鍵字 這裡遮蔽 和 8.兩次輸入密碼是否相同 9.表單項不能為空 10.郵箱驗證 11.驗證手機號 12.驗證身份證號碼 需是有效身份證 13.js正規表示式 例子...

js表單驗證

列出一些常用的格式驗證的js方法,以備查詢。檢查是否為數字 function checkisinteger str if str.search 0 9 0 else 檢查是否整數 function checknum str str str 1 tostring if str.indexof 1 re...