普通Jquery的ajax判断重复和formvalidator的ajaxValidator区别

示例:1.ajax版:

$("#txtTitle").blur(function () {
                $.ajax({
                    type: "GET",
                    url: "Handler.ashx?NewsAdd=1&txtName=" + encodeURIComponent($(this).val()) + "",
                    data: null,
                    success: function (msg) {
                        if (msg != "") {
                            flag = false;
                            alert("不要重复添加!");
                        }
                        else
                            flag = true;
                    },
                    onerror: function () { alert("error") }
                });
            });

2.ajaxValidator版

$("#txtName").formValidator({ onshow: "请填写物品名称", onfocus:
"物品名称必须输入" }).inputValidator({ min: 1, max: 50, empty: { leftempty:
false, rightempty: false, emptyerror: "不能有空格" }, onerror:
"物品名称输入错误,可能长度超标" }).ajaxValidator({
                url: oldValue == "" ? "Handler.ashx?GoodsAdd=1" : "Handler.ashx?GoodsEdit=1&oldValue=" + oldValue + "",
                addidvalue: true,
                success: function (data) {
                    if (data == "1")
                        return false;
                    else
                        return true;
                },
                buttons: $("#lbSubmit"),
                error: function () { alert("出错了"); },
                onerror: "请不要重复添加",
                onwait: "正在验证是否重复,请稍候..."
            }).defaultPassed();//修改时候加上

要注意的地方:

1.ajaxValidator传参时候通过$(id)得到的永远是空值。所以,用 addidvalue: true的解决方案。自动在url上追controlId=idVlaue;

2.$.ajax中onerror代表服务器程序错误状态,而ajaxValidator中代表,success状态下,return false的情况。ajaxValidator中代表服务器错误是error。

3.ajaxValidator修改时候,验证重复时候要加上defaultPassed(),否则一直验证不对

时间: 2024-10-22 12:31:35

普通Jquery的ajax判断重复和formvalidator的ajaxValidator区别的相关文章

jQuery的$ .ajax防止重复提交的方法

没啥说的直接贴代码,很简单: 第一种方式:的onclick点击事件类型 <SCRIPT> function member_del(obj,id){ var lock = false; //默认未锁定 layer.confirm('确认要删除吗?',function(index){ if(!lock){//防止重复提交 lock = true; //锁定 $ .ajax({url:"/ CustomerEnquiry / Delete", data:{Id:id},type:

Jquery 防止Ajax重复提交权威解决方案

在jquery开发中,我们常常遇到ajax重复提交问题,那如何解决ajax的重复提交呢?本文就将重点和大家分享这部分内容,一起来看看吧,希望可以帮助大家更好的学习ajax. ``` /* * jquery ajax请求过滤,防止ajax请求重复发送,对ajax发送错误时进行统一处理 / $(function(){ var pendingRequests = {}; // 所有ajax请求的通用前置filter $.ajaxPrefilter(function( options, original

jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法

jQuery(function ($) { // 备份jquery的ajax方法 var _ajax = $.ajax; // 重写ajax方法,先判断登录在执行success函数 $.ajax = function (opt) { var _success = opt && opt.success || function (a, b) { }; var _opt = $.extend(opt, { success: function (data, textStatus) { // 如果后

Ajax (Asynchronous javascript xml) 搜索框核心代码(JQuery) Ajax判断用户名存在核心代码 附:原生js的Ajax代码

前端 <script type="text/javascript"> $(function(){ $("#tid").keyup(function(){ //获取当前输入 的值 var value=$(this).val(); //偷偷摸摸发起请求 var url="${pageContext.request.contextPath }/like" var params="name="+value; //先清空下方

解决jquery使用ajax提交button标签时重复提交了。

这几天遇到一个jquery的ajax问题.相关代码是 <form action="xxx" method="post"> <button type="submit" class="tijiao">提交</button> </form> js为 $(".tijiao").click(function(){ $.post(xxx, $('.alert-form')

【JAVAWEB学习笔记】28_jqueryAjax:json数据结构、jquery的ajax操作和表单校验插件

Ajax-jqueryAjax 今天内容: 1.json数据结构(重点) 2.jquery的ajax操作(重点) 3.jquery的插件使用   一.json数据结构 1.什么是json JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯.这些特性使JSON成 为理想的数据交换语言.易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络

触碰jQuery:AJAX异步详解

触碰jQuery:AJAX异步详解 传送门:异步编程系列目录…… 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1)   使用CSS和XHTML来表示. 2)   使用DOM模型来交互和动态显示. 3)   使用XMLHttpRequest来和服务器进行异步通信. 4)   使用javascript来绑定和调用.

jQuery的ajax的form提交方法应用

1.如果不用ajax的form提交,就必须把表单的每一条数据进行获取,并提交给action进行处理.这样做比较麻烦,现在用了jQuery的easyui,使用封装好的ajax的form提交.脚本代码如下: //提交表单 function sysusersave(){ if($.formValidator.pageIsValid()){//校验表单输入信息是否合法 //使用jquery的ajax from提交,指定from的id和回调方法,提交的url使用提from中的action,参数为空,传递J

用户管理的设计--4.jquery的ajax实现登录名的校验

页面效果 鼠标失去焦点时,不需要刷新页面进行校验,判断登录名是否重复. 实现步骤 1.引入struts2-json-plugin-2.5.10.1插件包 2.页面使用jquery的ajax实现后台校验js /**校验登录名是否出现重复*/ function checkUser(o){ //alert(o.value);//dom的写法 //alert($(o).val());//jquery的写法 var logonName = $(o).val(); //以登录名作为查询条件,查询该登录名是否