jQuery EasyUI中对表单进行验证

jQuery EasyUI中对表单进行验证主要是使用validatebox插件，看一个例子：<div style="background:#fafafa;padding:10px;width:300px;height:300px;">
    <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>
</div>
表单中对name,email,subject字段定义为必填字段，并且对email字段中的填写格式作了限制。
为了防止表单在验证失败时进行提交，必须写以下的少许代码：$('#ff').form({
    url:'/demo7/ProcessServlet',
    onSubmit:function(){
        return $(this).form('validate');
    },
    success:function(data){
        alert(data);
    }
});
运行例子，效果图如下：
原文及下载地址：http://jquery-easyui.wikidot.com/tutorial:form3