jQuery對表單的操作

2022-03-08 01:45:21 字數 628 閱讀 3056

表單的組成部分:表單標籤、表單域、表單按鈕

分析:(1)在表單內class屬性為」required「的文字框是必須填寫的,因此需要將它與其他的非必須填寫表單元素加以區別,即:在文字框後追加乙個紅色的小星星標識。

$("form :input.required").each(function());
(2)當使用者在」使用者名稱「文字框填寫完資訊後,將游標焦點從」使用者名稱「移除時,需要判斷使用者名稱是否符合驗證規則,郵箱同理,因此需要給表單元素新增失去焦點事件,步驟如下:

①判斷當前失去焦點的元素是」使用者名稱「還是」郵箱「,分別處理

②如果是使用者名稱,判斷元素的值的長度是否小於6,如果小於6,則用紅色提醒使用者輸入不正確,反之,用綠色提醒使用者輸入正確

③如果是郵箱,判斷元素的值是否符合郵箱的格式,如果不符合,則用紅色提醒使用者輸入不正確,反之,用綠色提醒使用者輸入正確

④將提醒資訊追加到當前元素的父元素的最後

jquery驗證部分:

注意:trigger("blur")不僅會觸發為元素繫結的blur事件,也會觸發瀏覽器預設的blur事件,即:不能將游標定位到文字框上。而triggerhandler("blur")只會觸發為元素繫結的blur事件,而不觸發瀏覽器預設的blur事件。

Jquery對表單的常見操作

表單應用 乙個表單有3個基本組成部分 表單標籤 包含處理表單資料應用的伺服器端程式url以及資料提交到後台伺服器的方法 表單域 包含文字框 密碼框 隱藏域 多行文字框 核取方塊 單選框 下拉選擇框和檔案上傳框 表單按鈕 包括提交按鈕 復位按鈕和一般按鈕,用於將資料傳輸到伺服器上或者取消傳送,還可以用...

Jquery對表單的一些操作

1.取下拉列表選中項的文字 select option selected text select和option之間有空格,option為select的子元素 select option selected text 如果寫成 select text 會把所有下拉列表的文字選擇出來 2.獲取和設定下拉列...

jquery中對表單屬性的操作總結

1.獲取下拉框的選取值 文字有以下幾種方法 1 select id option selected text 獲取文字 2 select id find option selected text 獲取文字 3 testselect val 獲取值 4 select name items option...