Input/textarea easyui-validatebox

来自ling
跳转至: 导航搜索

asyui-layout div easyui-window div easyui-panel a easyui-linkbutton input/textarea easyui-validatebox ul easyui-tree table easyui-datagrid div easyui-tab div menu-sep a easyui-splitbutton div easyui-accordion select easyui-combobox select easyui-combotree body/div easyui-layout div easyui-menu a easyui-menubutton input easyui-numberbox timerSpan

             1)required:true[必需] false[不必需] 默认false
             2)validType:
                a、length[a,b] 字段长度控制在a至b之间。
                b、email       验证Email。
                c、url      验证网络地址。
             3)missingMessage:当文本时出现空时弹出该工具提示,系统有默认[英文],自定义可覆盖它。
             4)invalidMessage:当文本内容无效后弹出该工具提示,系统有默认[英文],自定义可覆盖它。
  • 示例
<div style="padding:3px 2px;border-bottom:1px solid #ccc">Form Validation</div>
<form id="ff" method="post">
    <div>
        <label for="name">Name:</label>
        <input class="easyui-validatebox" type="text" name="name" required="true"></input>
    </div>
    <div>
        <label for="email">Email:</label>
        <input class="easyui-validatebox" type="text" name="email" required="true" validType="email"></input>
    </div>
    <div>
        <label for="subject">Subject:</label>
        <input class="easyui-validatebox" type="text" name="subject" required="true"></input>
    </div>
    <div>
        <label for="message">Message:</label>
        <textarea name="message" style="height:60px;"></textarea>
    </div>
    <div>
        <input type="submit" value="Submit">
    </div>
</form>
$('#ff').form({
    url:'form3_proc.php',
    onSubmit:function(){
        return $(this).form('validate');
    },
    success:function(data){
        $.messager.alert('Info', data, 'info');
    }
});