码迷,mamicode.com
首页 > Web开发 > 详细

json输出用法+jquery validate

时间:2015-05-26 20:42:58      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:

<%@ 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

标签:

原文地址:http://www.cnblogs.com/dogs-tail-grassspace/p/4531274.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!