jquery插件formValidator的ajaxValidator传参数问题
最近在用formValidator插件,遇到一个问题。当我想用ajaxValidator的url传参数时,$("#tbName").val()、document.getElementById("tbName").value$("#tbName").attr("value")都不行,后来终于找到原因了,其实是$(document).ready(function () {的原因,所以总是取到name=“”值,那怎么办呢?
查找了很多资料,发现原来formValidator本事已经对url做处理了,默认把tbName这个ID作为参数名,
只要在checkuser.ashx调用context.Request.Params["tbName"].ToString().Trim()取值就行,已经验证过,此方法一定有效,示例代码如下:
JavaScript:
$(document).ready(function () {
$.formValidator.initConfig({ formID: "form1", theme: "baidu", debug: false, submitOnce: true,
onError: function (msg, obj, errorlist) {
$.map(errorlist, function (msg) {
});
alert(msg);
},
ajaxPrompt: '有数据正在异步验证,请稍等...'
});
$("#tbName").formValidator({ onShow: "请输入用户名", onFocus: "用户名至少5个字符,最多10个字符", onCorrect: "该用户名可以注册" }).inputValidator({ min: 5, max: 10, onError: "你输入的用户名非法,请确认" })//.regexValidator({regExp:"username",dataType:"enum",onError:"用户名格式不正确"})
.ajaxValidator({
dataType: "json",
async: true,
url: "action/checkuser.ashx?command=check&key=" + $("#tbName").attr("value"),
success: function (data) {
if (data=="1") return true;
if (data=="0") return false;
return false;
},
buttons: $("#button"),
error: function (jqXHR, textStatus, errorThrown) { alert("服务器没有返回数据,可能服务器忙,请重试" + errorThrown); },
onError: "该用户名已注册,请更换用户名",
onWait: "正在对用户名进行合法性校验,请稍候..."
}).defaultPassed();
});
checkuser.ashx:
public void ProcessRequest (HttpContext context) {
switch (context.Request.Params["command"].ToString())
{
case "check": CheckUser(context); break;
}
}
public void CheckUser(HttpContext context)
{
string res = "";
StringBuilder strBul = new StringBuilder();
string name = context.Request.Params["tbName"].ToString().Trim();
//注:context.Request.Params["key"].ToString()为“”,此传值无效。
if(name.Equals("12345a")){res="";}
strBul.Append(res);
context.Response.Write(strBul);
}
注意:此方法只能在this.ID即本控件(这里是$("#tbName")),才能在ashx里动态取值。
jquery插件formValidator的ajaxValidator传参数问题的更多相关文章
- 【转】JQuery插件ajaxFileUpload 异步上传文件(PHP版)
前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了.后来发现a ...
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
Ajax file upload plugin是一个功能强大的文件上传jQuery插件,可自定义链接.或其它元素庖代传统的file表单上传结果,可实现Ajax动态提示文件上传 过程,同时支撑多文 ...
- JQuery插件ajaxFileUpload 异步上传文件(PHP版)
太久没写博客了,真的是太忙了.善于总结,进步才会更快啊.不多说,直接进入主题. 前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错 ...
- vs2010开发activex(MFC)控件/ie插件(二):js传参数
原文:http://blog.csdn.net/yhhyhhyhhyhh/article/details/50802075 js传参数给activex控件. 过程为:js变量通过activex类的属 ...
- jquery插件--ajaxfileupload.js上传文件原理分析
英文注解应该是原作者写的吧~说实话,有些if判断里的东西我也没太弄明白,但是大致思路还是OK的. jQuery.extend({ createUploadIframe: function (id, u ...
- JQuery插件ajaxFileUpload 异步上传文件
一.先对ajaxFileUpload插件的语法参数进行讲解 原理:ajaxfileupload是通过监听iframe的onload方法来实现, 当从服务端处理完成后,就触发iframe的onload事 ...
- 网站开发常用jQuery插件总结(15)上传插件blueimp
在介绍这个插件之前,先吐槽一下.这个插件功能很强大.带有的功能有:上传(单个文件或批量文件),自动上传或点击按钮上传,上传前缩略图显示,判断文件格式,上传前的文件操作,上传时进度条显示等功能.如果你用 ...
- JQuery插件:图片上传本地预览插件,改进案例一则。
/* *名称:图片上传本地预览插件 v1.1 *作者:周祥 *时间:2013年11月26日 *介绍:基于JQUERY扩展,图片上传预览插件 目前兼容浏览器(IE 谷歌 火狐) 不支持safari *插 ...
- Jquery插件-Html5图片上传并裁剪
/** * 图片裁剪 * @author yanglizhe * 2015/11/16 */ (function($){ /** * Drag */ var Drag={obj:null,init:f ...
随机推荐
- 【技术文档】XuebaOnline配环境时遇到的问题和解决办法
在Ubuntu下装XuebaOnline可能遇到的问题和解决办法 自动安装Python3.0以上版本 编译命令采用python3 manage.py runserver,所以在linux系统下需要安装 ...
- Android(java)学习笔记264:Android下的属性动画高级用法(Property Animation)
1. 大家好,在上一篇文章当中,我们学习了Android属性动画的基本用法,当然也是最常用的一些用法,这些用法足以覆盖我们平时大多情况下的动画需求了.但是,正如上篇文章当中所说到的,属性动画对补间动画 ...
- 用bootstrapValidator来验证UEditor
我们的项目使用了bootstrapValidator来作为前端校验,但是表单里面有一个UEditor,它用bootstrapValidator是没有效果的,为了页面风格统一,只好修修改改咯 首先来看一 ...
- 【阿里云产品公测】云引擎ACE -discuz安装
作者:阿里云用户云想未来 谢谢支持.为什么写的比较简单就是为方便新手谁想要很麻烦?亲测按这个教程可以安装成功!时间紧迫不发图片了纯原创 排版您请谅解 进入创建新应用的信息填写界面,此处需要填写一个赠送 ...
- remove all .git files and directories use one command
find . -type d -name ".git" | xargs rm -rf
- 【Android 界面效果45】ViewPager源码分析
ViewPager概述: Layout manager that allows the user to flip left and right through pages of data. You s ...
- linux_机器信息查询
查看系统版本:[root@css-management ~]# lsb_release -aLSB Version: :core-4.0-amd64:core-4.0-noarch:graphics- ...
- JdbcTemplate 、NamedParameterJdbcTemplate、SimpleJdbcTemplate的区别
一.JdbcTemplate 首先在配置文件中设置数据源 <bean id="dataSource" class="org.springframework.jdbc ...
- HDU 1087 Super Jumping! Jumping! Jumping! (DP)
C - Super Jumping! Jumping! Jumping! Time Limit:1000MS Memory Limit:32768KB 64bit IO Format: ...
- hdu-5680 zxa and set(水题)
题目链接: zxa and set Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Other ...