最近应公司要求做了一个jquery的示例文件,包括:模态窗口怎么实现;jquery
validate下的校验;怎么做图片特效;怎么实现异步操作;实现图片上传剪切效果等很多特效;
这里把jquery校验的部分传上来与大家分享,直接复制出来就可以正常使用(没有后台异步校验没有意义,所以未上传,如有需要qq联系)
文中需要用到的jquery validate的文件做校验
有什么不明白的地方可以参考我的博文 jquery校验详解
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
"http://www./TR/html4/loose.dtd">
<html>
<head>
<title>validateDemo.html</title>
<meta http-equiv="keywords"
content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my
page">
<meta http-equiv="content-type" content="text/html;
charset=UTF-8">
<!-- js校验开始 -->
<link rel="stylesheet" type="text/css"
href="../js/jQuery/validate/validation.css">
<script type="text/javascript"
src="../js/jQuery/jquery.js"></script>
<script type="text/javascript"
src="../js/jQuery/validate/jquery.validate.pack.js"></script>
<!--这个文件是通过addmethod新增加了几个方法,不会可以跳过,-->
<script type="text/javascript"
src="../js/jQuery/validate/additional-methods.js"></script>
<!-- 这里可以看到所有的校验规则 -->
<script type="text/javascript"
src="../js/jQuery/validate/messages_cn.js"></script>
<script type="text/javascript"
>
$(document).ready(function(){
//通过id查找要进行校验的表单
$("#signupForm").validate({
//设置校验触发的时机,默认全是true。不要尝试去设置它为true,可能会有js错误。
//onsubmit:false,
//onfocusout:false,
//onkeyup:false,
//onclick:false,
//验证通过后执行的动作
//success:function(label){
//
label.text("ok!").addClass("success");
//},
//手动设置错误信息的显示方式
errorPlacement: function(error, element) {
error.appendTo(element.parent().next());
|