<script type="text/JavaScript" src="../js/jQuery-1.3.2.min.js"></script><script type="text/javascript" src="../js/jquery.validate.min.js"></script><script type="text/javascript" src="../js/messages_cn.js"></script>

<form name="form1" id="form1" method="post" action=""><dl> <dt>用戶名：</dt> <dd><input name="txtUserName" id="txtUserName" type="text" class="input1" /></dd></dl></form>

$(function() {//表單驗證JS  $("#form1").validate({    //出錯時添加的標簽    errorElement: "span",    rules: {      txtUserName: {        required: true,        minlength: 3,        maxlength: 16,        remote: {          type: "post",          url: "/tools/ValidateUserName.ashx",          data: {            username: function() {              return $("#txtUserName").val();            }          },          dataType: "html",          dataFilter: function(data, type) {            if (data == "true")              return true;            else              return false;          }        }      }    },    success: function(label) {      //正確時的樣式      label.text(" ").addClass("success");    },    messages: {      txtUserName: {        required: "請輸入用戶名，3-16個字符（字母、數字、下劃線），注冊后不能更改",        minlength: "用戶名長度不能小于3個字符",        maxlength: "用戶名長度不能大于16個字符",        remote: "用戶名不可用"      }    }  });});

data: {  username: function() {  return $("#txtUserName").val();}