jquery validation插件表单验证的一个例子

  messages_cn.js <!--验证国际化,中文--> (不引用messages_cn.js是英文的提示,用了是中文)

  

复制代码 代码如下:

  required: "This field is required.",

  remote: "Please fix this field.",

  email: "Please enter a valid email address.",

  url: "Please enter a valid URL.",

  date: "Please enter a valid date.",

  dateISO: "Please enter a valid date (ISO).",

  dateDE: "Bitte geben Sie ein gültiges Datum ein.",

  number: "Please enter a valid number.",

  numberDE: "Bitte geben Sie eine Nummer ein.",

  digits: "Please enter only digits",

  creditcard: "Please enter a valid credit card number.",

  equalTo: "Please enter the same value again.",

  accept: "Please enter a value with a valid extension

  maxlength: Please enter no more than {0} characters

  minlength: Please enter at least {0} characters

  rangelength: Please enter a value between {0} and {1} characters long.

  range: Please enter a value between {0} and {1}.

  max: Please enter a value less than or equal to {0}.

  min: Please enter a value greater than or equal to {0}.

  <script type="text/javascript">

  $(function() {

  $("#btnOk").click(function() {

  $("#form1").validate({ rules: {

  username: { required: true, minlength: 2 },

  email: { required: true, email: true },

  url: { required: true, url: true },

  comment: "required"

  }

  });

  });

  });

  </script>

  <body>

  <form id="form1" runat="server" action="" method="get">

  <fieldset>

  <legend>一个简单的验证带验证评论的例子</legend>

  <p>

  <label for="cusername">姓名</label><em>*</em>

  <input type="text" id="cusername" name="username" size="25"/>

  </p>

  <p>

  <label for="cemail">邮件</label><em>*</em>

  <input type="text" id="cemail" name="email" size="25"/>

  </p>

  <p>

  <label for="curl">网址</label><em>*</em>

  <input type="text" id="curl" name="url" size="25"/>

  </p>

  <p>

  <label for="ccomment">你的评论</label><em>*</em>

  <textarea id="ccomment" name="comment"cols="22"></textarea>

  </p>

  <p>

  <%--<input type="submit" id="send" value="提交"/>--%>

  <asp:Button ID="btnOk" runat="server" Text="提交" onclick="btnOk_Click"/>

  </p>

  </fieldset>

  </form>

  </body>