"JQuery Eazyui" form controls

To begin the use of the Eazyui interface control, there are several forms controls ():

I. Use of text boxes (textbox):

<Divclass= "Easyui-panel"title= "Form Control"style= "width:100%; max-width:400px; padding:30px 60px;">    <formAction= "Demo1.ashx"ID= "FF">        <Divstyle= "margin-bottom:5px">            <!--Keep Spacing -            <inputclass= "Easyui-textbox"ID= "Name"value=""style= "width:100%"data-options= "Label: ' Name: ', required:true" />        </Div>        <Divstyle= "margin-bottom:5px">            <inputclass= "Easyui-textbox"name= "Email"style= "width:100%"data-options= "Label: ' Email: ', required:true,validtype: ' Email '" />        </Div>        <Divstyle= "margin-bottom:5px">            <inputclass= "Easyui-textbox"name= "Subject"style= "width:100%"data-options= "Label: ' Text: ', required:true" />        </Div>        <Divstyle= "margin-bottom:5px">            <inputclass= "Easyui-textbox"name= "message"style= "width:100%; height:60px"data-options= "Label: ' Message: ', multiline:true" />        </Div>        <Divstyle= "margin-bottom:5px">            <Selectclass= "Easyui-combobox"name= "Language"label= "Language"style= "width:100%">                <optionvalue= "th">C</option>                <optionvalue= "TR">C#</option>                <optionvalue= "UK">Java</option>                <optionvalue= "VI">Jquery</option>            </Select>        </Div>        <Divstyle= "Text-align:center; padding:5px 0">            <ahref= "javascript:void (0)"class= "Easyui-linkbutton"onclick= "SubmitForm ()"style= "width:80px">Submit</a>            <ahref= "javascript:void (0)"class= "Easyui-linkbutton"onclick= "ClearForm ()"style= "width:80px">Reset</a>        </Div>    </form></Div><Script>    functionSubmitForm () {$ ('#ff'). Form ('Submit'); }    functionClearForm () {$ ('#ff'). Form ('Clear'); }</Script>

Source Analysis

Invocation Example:

$ ("#name"). TextBox (' GetValue '); //Get Name text box
$ ("#name"). TextBox (' SetValue ', ' Blizzard '); //Assign a value to the Name text box

Get the following list values:

$ (' #language '). ComboBox (' GetText ') //Get the displayed text box value

$ (' #language '). ComboBox (' GetValue ') //Get the selected value

Two. Relevant parameter description:

In the textbox of the HTML tag:

Required:true //indicates non-null validation of text

Validtype: ' Email ' //email format Verification

Multiline:true //multi-line text

"JQuery Eazyui" form controls