<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 1jQuery的js包 --> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script> <!-- 2css资源 --> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css"> <!-- 3图标资源 --> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css"> <!-- 4easyui的js包 --> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script> <!-- 5本地语言包 --> <script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script> </head> <body> <script type="text/javascript"> $(function(){ /*$("#tt1").bind('clickButton',(function() { alert("搜索点击") }); */ $("#lt").linkbutton({text:"测试"}).bind('click',function(){ alert('绑定'); }); }) </script> 添加 <br> <br> validatebox <input id="vv" class="easyui-validatebox" data-options="required:true,validType:'email',missingMessage:'此项内容必填'" /> <br> <br> validatebox <input id="vv1" class="easyui-validatebox" data-options="required:true,validType:'length[3,10]'" /> <br> <br> <input id="tt1" class="easyui-textbox" data-options="iconCls:'icon-search', required:true, validType:'length[3,9]', prompt:'请输入关键字',value:'默认关键字', type:'password', multiline:false, editable:false, readonly:false, disabled:false, iconAlign:'left', buttonText:'搜索', buttonIcon:'icon-search', onClickButton:function(){ alert('按钮被点击'); } " style="300px" > <br> <a id="lt" href="#"></a> <br> <br> numberbox <input type="text" class="easyui-numberbox" style="300px" value="只能输入数字" data-options=" min:0, max:100, precision:2, prefix:'$'"> <br> <br> datebox <input class= "easyui-datebox" style="300px" data-options="readonly:false" > <br> <br> datetimebox <input class="easyui-datetimebox" name="birthday" data-options="required:true,showSeconds:false" style="150px"> <br> <br> combobox <select id="cc" class="easyui-combobox" name="dept" style="200px;"> <option value="aa">aitem1</option> <option>bitem2</option> <option>bitem3</option> <option>ditem4</option> <option>eitem5</option> </select> </body> </html>
d