方式一，不需要考慮jquery.easyui.min.js版本
<script>
$(function () {
//針對 設置 novalidate:true
$('.validatebox-text').bind('blur', function () {
$(this).validatebox('enableValidation').validatebox('validate');
});
$("#btn_ok").click(function () {
//啟用
$('.validatebox-text').validatebox('enableValidation').validatebox('validate')
$.messager.progress(); // 顯示進度條
var b = $("#ff").form('validate');//驗證
if (b) {
$.messager.progress('close'); // 如果提交成功則隱藏進度條
}
else { $.messager.progress('close'); } // 如果提交成功則隱藏進度條 }
});
});
</script>
<div id="ff">
<input class="easyui-textbox easyui-validatebox" type="text" name="name" data-options="required:true,novalidate:true" />
<input style="width: 150px;" class="easyui-textbox easyui-validatebox" data-options="required:true,validType:'length[4,20]',missingMessage:'用戶名不能為空，請輸入用戶名',invalidMessage:'用戶名的長度為4-20位'" />
<input class=" textbox easyui-validatebox" data-options="required:true,validType:'email' ,missingMessage:'用戶名不能為空，請輸入用戶名',invalidMessage:'郵件'" />
</div>
<input id="btn_ok" type="button" value="確定" />
方式2，暫時發現1.3.6版本一下不支持
<script>
function submitForm() {
$('#ff').form('submit', {
onSubmit: function () {
var b = $(this).form('enableValidation').form('validate');
if (b) {
alert("成功");
}
else { alert("不成功"); }
}
});
}
$(function () {
$("#btn_ok").click(function () {
var b = $('#ff').form("enableValidation").form('validate');
if (b) {
alert("成功");
}
else { alert("不成功"); }
});
});
</script>
<body>
<div id="ff" class="easyui-form" data-options="novalidate:true">
<input class="easyui-textbox" type="text" name="email" data-options="required:true" />
</div>
<div style="text-align: center; padding: 5px">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">Submit</a>
<a href="javascript:void(0)" class="easyui-linkbutton" id="btn_ok">OK</a>
</div>
</body>