json输出用法+jquery validate

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

你可能感兴趣的:(jQuery Validate)