easyui 证验扩展

easyui 验证扩展

$(function(){
  $('#uiform input').each(function () {
            if ($(this).attr('required') || $(this).attr('validType'))
                $(this).validatebox();
        })
 });

 
 
这样就ok了
如果在提交时验证表单有没有通过验证，则可使用下面的代码
 
var flag = true;

$('#uiform input').each(function () {
    if ($(this).attr('required') || $(this).attr('validType')) {
    if (!$(this).validatebox('isValid')) {
        flag = false;
        return;
    }
    }
})

if (flag)
    alert('验证通过！');
else
    alert('验证失败！');
 
 为了防止表单验证未通过时进行提交，必须：
<script type="text/javascript">
        $(function(){
            $('#ff').form({
                url:'form3_proc.php',
                onSubmit:function(){
                    return $(this).form('validate');
                },
                success:function(data){
                    $.messager.alert('Info', data, 'info');
                }
            });
        });
    </script>
 
jQuery EasyUI中进行表单验证主要是通过validatebox插件，看一个例子：
<h2>Form Validation Demo</h2>
    <div class="demo-info" style="margin-bottom:10px">
        <div class="demo-tip icon-tip">&nbsp;</div>
        <div>The form will not be submitted unless all the input value is valid.</div>
    </div>
    
    <div style="width:230px;background:#fafafa;padding:10px;">
        <div style="padding:3px 2px;margin-bottom:10px;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>
    </div>