jquery的validate的用法

//引入js文件

//jquery 文件

//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/posturl: "{:url('wap/Login/login')}", // 需要提交的 urldata: {'mobile': m,'password':p},success: function(data) { // data 保存提交后返回的数据，一般为 json 数据// 处理返回datashow_msg(data);}});return false; // 阻止表单自动提交事件} })
});

转载于:https://www.cnblogs.com/zsl123/p/7126913.html

jquery的validate的用法相关推荐

ajax异步后台存放购物车表,jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)...
本文实例讲述了jQuery购物车插件jsorder用法.分享给大家供大家参考,具体如下: JSORDER 案例案例一:我的菜单(点击菜名即可加入菜单) 红烧豆腐 12元毛血旺 32元套餐:京酱肉 ...
jQuery之validate验证表单
访问jQuery validate官网下载最新插件 https://jqueryvalidation.org/ validate是用来验证表单的以前我们都是用js手动验证现在可以通过这个插件直接调 ...
jQuery中slice()方法用法实例
本文实例讲述了jQuery中slice()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以选取匹配元素集的子集. 语法结构: 复制代码代码如下: $(selector).slice(sta ...
html中字段是日期控件,jQuery日历插件datepicker用法详解
jQuery是一款不可多得的非常优秀的javascript脚本开发库,而基于其上的很多插件也是非常规范和卓越的,如果错过这番美景真是太可惜了,比如datepicker这个插件. 一般MIS系统的前端, ...
简单地使用jquery的validate
简单地使用jquery的validate --IT唐伯虎摘要:本文通过一个很简单的例子,讲解了jquery validate的最基础使用方式. 一.源代码注意事项都写在代码的注释里了,哈哈. &l ...
css()用法,jQuery的css()方法用法实例
本文实例讲述了jQuery的css()方法用法.分享给大家供大家参考.具体分析如下: 此方法返回或设置匹配元素的一个或多个样式属性. 语法结构: 语法一: 取得指定样式属性的属性值.以样式属性名称作为 ...
Jquery 循环map的用法
//Jquery 循环map的用法 $.each(map,function(key,values){console.log(key);$(values).each(function(){console ...
jQuery中extend的用法
jQuery中extend的用法前言一.Jquery的扩展方法原型是: 二.省略dest参数 1.$.extend(src) 2.$.fn.extend(src) 三.Jquery的extend方 ...
php jquery validate remote,jquery插件validate里面的remote参数用法
validate验证在进行异步数据库查询验证的过程中用到了remote这个参数 remote里面有url,dataType,data,type等等这几个参数,当data不写的时候默认是当前被验证的字段 ...

jquery的validate的用法

jquery的validate的用法相关推荐

最新文章

热门文章