JQueryEasyUI學習筆記(五)

2022-02-07 22:49:22 字數 3511 閱讀 7357

希望這個筆記對自己和大家有用,但是本人水平有限,如果出錯的地方,希望大家指出,多多批評,謝謝!這篇筆記竟然被移出首頁了,有點小納悶,好吧,以後寫**注釋多寫到**外面把,寫在**裡面,只不過是為了自己和大家看得時候方便而已。

這裡出發form的submit事件,將資料提交給後台

這裡的提交個人覺得不是純正的ajax提交,因為有重新整理頁面 //以為我們的form有validate方法,而且在原始碼中也有判斷,所以我們直接這樣submit就可以觸發validatebox的驗證方法

$.fn.form.defaults=

這裡的文字框全部採用validatebox框架,並採用其自帶的驗證方式,但是自帶的驗證方式並不能滿足我們在程式設計中的需求,所以我會擴充套件幾個他的驗證方法,其中擴充套件方法我在之前的部落格中已經寫過,這裡再給大家演示一下

data-options在這個裡面寫一些規則,比如easyui自帶的驗證方式,required:true必填項,validtype:'email'必須是郵箱格式,當然這些我們都可以自己去擴充套件,其中自己擴充套件的方法書寫形式類似validtype:'email',validtype:'phone'這是我自己擴充套件的驗證手機號碼的方法

這是validatebox自帶remote驗證方法的原始碼,我們可以看出,這裡不是非同步的,所以使用可能會早場卡屏,不推薦使用

remote: ;

_2c[_2b[1]] = _2a;

var _2d = $.ajax().responsetext;

return _2d == "true";

}, message: "please fix this field."

}

<

body

>

<

div

id="login"

>

<

form

id="loginform"

method

="post"

>

<

table

>

<

tr>

<

th>

使用者名稱

th>

<

td>

<

input

name

="username"

type

="text"

/>

td>

tr>

<

tr>

<

th>

密碼

th>

<

td>

<

input

name

="password"

type

="password"

/>

td>

tr>

table

>

form

>

div>

<

div

id="regist"

style

="border: 1px #0000cd solid;"

>

<

form

id="registform"

method

="post"

>

<

table

>

<

tr>

<

th>

使用者名稱

th>

<

td>

<

input

name

="name"

id="name"

class

="easyui-validatebox"

data-options

="required:true"

/>

td>

tr>

<

tr>

<

th>

密碼

th>

<

td>

<

input

name

="pwd"

id="pwd"

class

="easyui-validatebox"

data-options

="required:true"

/>

td>

tr>

<

tr>

<

th>

重複密碼

th>

<

td>

<

input

name

="passwordagain"

id="passwordagain"

class

="easyui-validatebox"

data-options

="required:true"

validtype

="pwdagain['#registform input[name=pwd]']"

/>

td>

tr>

<

tr>

<

th>

郵箱

th>

<

td>

<

input

name

="mail"

id="mail"

class

="easyui-validatebox"

data-options

="required:true,validtype:'email'"

/>

td>

tr>

<

tr>

<

th>

手機

jquery easyui 學習總結

idocgrid datagrid hidecolumn deliverystorage 隱藏中轉倉 idocgrid datagrid hidecolumn quotetype 隱藏 型別 loaddata data 載入本地資料,舊的行會被移除。test datagrid loaddata da...

學習資料 jQuery EasyUI 教程

感謝原著,收藏,自己學習 jquery easyui 是乙個基於 jquery 的框架,整合了各種使用者介面外掛程式。jquery easyui 框架提供了建立網頁所需的一切,幫助您輕鬆建立站點。本教程將告訴您如何使用 jquery easyui 框架建立應用。現在開始學習 jquery easyu...

JQueryEasyUI學習筆記(四)

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!希望這個筆記對自己和大家有用,但是本人水平有限,如果出錯的地方,希望大家指出,多多批評,謝謝!今天先來乙個dialog的登陸介面,以及登陸失敗 成功後的彈窗 message框架 這裡面就不給大家介紹後台 了,寫好後台 會補上,時間有限啊。1 pub...