<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Test.WebForm1" %>

<!DOCTYPE html>
<html>
<head>
　　<script type="text/javascript" src="jquery.js"></script>
　　<script type="text/javascript" src="jquery.validate.js"></script>
</head>
<body >
　　<form class="cmxform" id="commentForm" method="get" action="">
　　　　<fieldset>
　　　　<p>
　　　　　　<label for="cname">Name (required, at least 2 characters)</label>
　　　　　　<input id="cname" name="name" minlength="2" type="text" required>
　　　　</p>
　　　　<p>
　　　　　　<input class="submit" type="submit" value="Submit">
　　　　</p>
　　</fieldset>
　　</form>

</body>
<script>
//总结：1，前台传入后台的页面不需要区分大小写
//2、后台输出json字符串必须需要response.end();
//3、后台拼接json字符串，必须都加上引号
$.validator.setDefaults({
submitHandler: function () {
var name = $("#cname").val();
$.post("webform1.aspx", {action:"test",name:name}, function (e) {

　　　　if(e.status=="true")
　　　　{
　　　　　　alert(e.cname);
　　　　}

　　　},"json");

　　}
});

$(function () {
　　// validate signup form on keyup and submit
　　$("#commentForm").validate({
　　　　rules: {
　　　　　　name: {
　　　　　　required: true,
　　　　　　minlength: 2
　　　　　　}
　　　　},
　　　　messages: {
　　　　name:{
　　　　　　required: "Please enter your firstname",
　　　　　　minlength:"please input...."
　　　　}　　
　　　}
　　});
});
</script>
</html>

json输出用法+jquery validate的更多相关文章

  1. ASP.NET MVC Jquery Validate 表单验证的多种方式

    在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS ...

  2. jquery.validate使用 - 1

    jquery.validate使用攻略 好几年不写JS了,资料整理起来比较慢,格式也有点乱 主要分几部分jquery.validate 基本用法jquery.validate API说明jquery. ...

  3. jquery.validate使用攻略

    主要分几部分 jquery.validate 基本用法 jquery.validate API说明 jquery.validate 自定义 jquery.validate 常见类型的验证代码 下载地址 ...

  4. [转]Jquery Validate用法简介

    原文链接:http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.html 正文: 官网地址:http://bassistance.de/ ...

  5. jquery validate.js表单验证的基本用法入门

    这里转载一篇前辈写的文章,在我自己的理解上修改了一下,仅作记录. 先贴一个国内某大公司的代码: 复制代码 代码如下: <script type="text/javascript&quo ...

  6. jQuery Validate 插件验证,,返回不同信息(json remote)自定义

    问题 申请账号需要确认该账号是存在 jquery.validate.js中的remote Jquery Ajax获取后台返回的Json数据后,添加自定义校验 解题思路:输入的登陆信息远程验证是否该账号 ...

  7. jquery.validate.js 表单验证简单用法

    引入jquery.validate.js插件以及Jquery,在最后加上这个插件的方法名来引用.$('form').validate(); <!DOCTYPE html PUBLIC " ...

  8. jquery.validate.min.js 用法方法示例

    页面html 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...

  9. Jquery之JSON的用法

    今天讲了Jquery里面JSON的用法,下面是今天讲课给的例子: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" &quo ...

随机推荐

  1. 基于纹理边缘抑制的轮廓和边界检测（Contour and Boundary Detection）

    基于纹理边缘抑制的轮廓和边界检测(Contour and Boundary Detection) kezunhai@gmail.com http://blog.csdn.net/kezunhai 一幅 ...

  2. for循环、穷举法和迭代

    循环:初始条件,循环条件,状态改变,循环体.for(初始条件;循环条件;状态改变){ 循环体}for(int i=1;i<=10;i++){ }例子:100以内与7有关的数.求100以内所有数的 ...

  3. 使用html5中video自定义播放器必备知识点总结以及JS全屏API介绍

    一.video的js知识点: controls(控制器).autoplay(自动播放).loop(循环)==video默认的: 自定义播放器中一些JS中提供的方法和属性的记录: 1.play()控制视 ...

  4. I - Long Distance Racing（第二季水）

    Description Bessie is training for her next race by running on a path that includes hills so that sh ...

  5. Qt 五子棋

    http://blog.csdn.net/baiding1123/article/details/17194535

  6. 【Android 错误记录】Conversion to Dalvik format failed with error 1 错误

    错误原因:依赖的包中有冲突,比如依赖了同一个jar包的不同版本等   在以往测试的过程中,出现过几次这个问题,根本原因都是因为有冲突了,但是表现形式可能不一样   情况1: 有一个叫DemoAPP的工 ...

  7. inflate, findViewById与setContentView的区别与联系

    protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentV ...

  8. webservice跨服务器上传附件

    最近一个项目,用到文件上传功能,本来简单地使用upload控件直接post到服务器保存,简单实现了.后来考虑到分布是部署,静态附件.图片等内容要单独服务器(命名为B服务器,一台,192.168.103 ...

  9. 新测 thinkphp3.2 整合 PHPMailer 发送邮件

    PHPMailer 的官方网站:http://phpmailer.worxware.com/ PHPMailer 最新类库下载地址:[点击下载] PHPMailer GitHub 下载地址:https ...

  10. Android的线程和线程池

    ---恢复内容开始--- 一.Android线程的形态 (一)AsyncTask解析 AysncTask简介:①.实现上封装了Thread和Handler   ②.不适合进行特别耗时的后台任务 Ays ...