jquery-validation简简单单看一下

jquery-validation

是一个表单验证的插件,根据不同的属性,对表单进行各种的数据验证

下载

jquery-validation下载

引入

首先得引入jquery的包,其次引入jquery-validation的包

使用


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Titletitle>
  <style>
    .error {
      
      color: red;
    }
  style>
head>
<body>

  <form id="myForm" action="xxx">
    <p>用户名(必须, 最小6位): <input name="username" type="text" required minlength="6">p>
    <p>密码(必须,6到8位): <input id="password" name="pwd1" type="password" required minlength="6" maxlength="8">p>
    <p>确认密码(与密码相同): <input name="pwd2" type="password" equalTo="#password">p>
    <p><input type="submit" value="注册">p>
  form>

<script type="text/javascript" src="jquery-1.11.1.js">script>
<script type="text/javascript" src="jquery.validate.js">script>
<script type="text/javascript">

  /*
  声明式验证: 程序员只需要声明各种验证规则, 可以自定义验证错误信息
   */

  //对此表单开户验证
  $('#myForm').validate({
      
    messages: {
      
      username: {
      
        required: '用户名是必须的',
        minlength: '用户名至少为6位'
      },
      pwd1: {
      
        required: '密码是必须的',
        minlength: '密码至少为6位',
        maxlength: '密码最多8位'
      },
      pwd2: {
      
        equalTo: '必须与密码相同'
      }
    }
  })
script>
body>
html>

jquery-validation简简单单看一下_第1张图片

jquery-validation简简单单看一下_第2张图片

jquery-validation简简单单看一下_第3张图片

你可能感兴趣的:(JQuery,学习,jquery)