jquery的validate的用法

//引入js文件

//jquery 文件

<script src="__PUBLIC__/static/wap/js/jquery.min.js?v=2.1.4">
</script>

//jquery 的表单提交插件
<script src="__PUBLIC__/static/wap/js/jquery.form.js">
</script>

//验证js类
<script src="__PUBLIC__/static/wap/plugins/validate/jquery.validate.min.js">
</script>

//.新添加的验证规则
<script src="__PUBLIC__/static/wap/plugins/validate/additional-methods.js">
</script>

//验证提示消息
<script src="__PUBLIC__/static/wap/plugins/validate/messages_zh.min.js">
</script>


//定义验证默认样式
jQuery.validator.setDefaults({
	highlight: function(e) {
		//删除表单元素上的错误提示样式
        $(e).removeClass("err-r");
    },
    errorElement: ‘div‘,
    errorClass: "er-r",
    errorPlacement: function(error, element) {
        error.appendTo(element.parent().find(‘.err‘));
    }
});

//设置后台登录验证
$().ready(function() {
    var e = "<i class=‘fa fa-times-circle‘></i> ";
    $("#login").validate({
        rules: {
            mobile: { required: !0, isMobile: true },
            password: { required: !0 }
        },
        messages: {
            mobile: { required: e + "手机号必须!", isMobile: e + "格式错误!" },
            password: { required: e + "密码必须!"}
        },
        submitHandler: function(form) {
        	var m = $("#phone-1").val();
        	var p = $("#pwd-2").val();
			$("#login").ajaxSubmit({
            	type: ‘post‘, // 提交方式 get/post
            	url: "{:url(‘wap/Login/login‘)}", // 需要提交的 url
            	data: {
                	‘mobile‘: m,
                	‘password‘:p
            		},
            	success: function(data) { // data 保存提交后返回的数据,一般为 json 数据
                	// 处理返回data
                	show_msg(data);
            	}
        	});
        	return false; // 阻止表单自动提交事件
   		}
    })
});

  

时间: 2024-10-31 01:04:18

jquery的validate的用法的相关文章

二.jQuery源码解析之构建jQuery之构建函数jQuery的7种用法

一:$(selectorStr[,限制范围]),接受一个选择器(符合jQuery规范的字符串),返回一个jQuery对象;二:$(htmlStr[,文档对象]),$(html[,json对象])传入html字符串,创建一个新的dom元素 三:$(dom元素),$(dom元素集合)将dom元素转换成jQuery对象.四:$(自定义对象)封装普通对象为jQuery对象.五:$(回调函数)绑定ready事件监听函数,当Dom加载完成时执行.六:$(jQuery对象)接受一个jQuery对象,返回一个j

jQuery中attr()方法用法实例

本文实例讲述了jQuery中attr()方法用法.分享给大家供大家参考.具体分析如下: 此方法设置或返回匹配元素的属性值. attr()方法根据参数的不同,功能也不同. 语法结构一: 获取第一个匹配元素指定属性的属性值. 代码如下: $(selector).attr(name) 参数列表: 参数 描述 name 定义要获取其值的属性名称. 实例代码: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="

jQuery中eq()方法用法

这篇文章主要介绍了jQuery中eq()方法用法,实例分析了eq()方法的功能.定义及获取匹配元素集上的相应位置索引元素的使用技巧,需要的朋友可以参考下 本文实例讲述了jQuery中eq()方法用法.分享给大家供大家参考.具体分析如下: 此方法能够获取匹配元素集上的相应位置索引的元素. 匹配元素集上元素的位置索引是从0开始的. 语法结构: 复制代码 代码如下: $(selector).eq(index) 参数列表: 参数 描述 index 定义元素在元素集中的索引,从零开始的.      如果是

jquery.cycle.js简单用法实例

样式: a{text-decoration: none;} *{margin:0; padding:0;} /*容器设置*/ .player { width:216px; height:248px; background:url(http://i2.itc.cn/20120117/2cc0_da8f6c82_c8da_693d_7714_9533a013006a_3.jpg) no-repeat; background-color:#ede1d1; position:relative; padd

jquery插件-validate

1.引入js,css 下载地址:http://plugins.jquery.com/validate/ 2.设置验证规则:input的class添加以下属性 3.设置不符合规则的提示信息:添加data-msg-xxx(xxx为以下属性)               required: "必选字段",         remote: "请修正该字段",         email: "请输入正确格式的电子邮件",         url: &quo

jquery 之validate 笔记

默认分类 2010-04-04 20:35:01 阅读123 评论0 字号:大中小 jquery.validate是jquery旗下的一个验证框架,借助jquery的优势,我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法,并且对国际化也有很好的支持.说明:需要JQuery版本:1.2.6+步骤:1, 要导入相应的jQuery.js与jquery.validate.js文件<script src="jquery.js" type="text/javascri

jQuery -&gt; end方法的用法

使用HttpClient进行网络处理的基本步骤如下: 1.通过get的方式获取到Response对象. CloseableHttpClient httpClient = HttpClients.createDefault(); HttpGet httpGet = new HttpGet("http://www.baidu.com/"); CloseableHttpResponse response = httpClient.execute(httpGet); 2.获取Response对

基于jQuery的Validate表单验证

表单验证可以说在前端开发工作中是无处不在的~ 有数据,有登录,有表单, 都需要前端验证~~  而我工作中用到最多的就是基于基于jQuery的Validate表单验证~  就向下面这样~ 因为今天有个朋友问我要一个表单的验证,所以我就稍微整理了一下~  基本上有了这个表单验证插件,基本上一些常用的验证都可以搞定了~ 如果搞不定,没关系,我们还可以基于Validate来写一个自己的验证插件, 我把它取名为message_zh.js,我们可以在里面扩展自己需要的验证~~ 既然Validate是基于jQ

Jquery插件placeholder的用法

闲的蛋疼,演示一下Jquery插件placeholder的用法,借助该插件能够轻松实现HTML5中placeholder特效: 效果图: 实现代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String basePath = request.getScheme()+"://&quo