技巧:《jquery学习地址》
$('#formID).validationEngine("validate")和$("#formID").validationEngine();的区别
$('#formID).validationEngine("validate"):验证表单域,判断验证是否通过并返回true或者false;
$("#formID").validationEngine():验证表单域,返回一个对象(这个对象是什么?)。
validationEngine表单验证框架使用介绍:
1.引入juqery、validationEngine.min.js、validationEngine-zh-CN.js三个主要文件
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8"><title>form</title>
<!-- 样式插件 -->
<link rel="stylesheet" href="css/validationEngine.jquery.css">
<link rel="stylesheet" href="css/template.css">
<!-- jquery插件 -->
<script src="Validation Engine/jquery-1.7.2.min.js"></script>
<!-- validationEngine插件 -->
<script src="Validation Engine/jquery.validationEngine-zh-CN.js"></script><script src="Validation Engine/jquery.validationEngine.min.js"></script>
<!-- 日期插件 -->
<script src="wdatepicker/WdatePicker.js"></script>
</head>
2.启动检查
<script>
jQuery(document).ready(function(){
jQuery("#formID").validationEngine();
});
</script>
3.实际使用过程:
phone:
<input class="validate[custom[phone],maxSize[11]] text-input" type="text" name="telephone" id="telephone">
date:
<input οnclick="WdatePicker({dateFmt:'yyyy/MM/dd 00:00:00'})" class="validate[required,custom[dateTimeFormat]] text-input" type="text" name="date" id="date">
更多详情见:http://www.360doc.com/content/13/1017/10/12039584_322061812.shtml