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