簡単なフォーム検証JS

2527 ワード

簡単なフォーム検証JS
このフォーム検証は、空の値、長さ、範囲、グループ、ajaxをサポートします.
サンプルエフェクト
検証モード1検証モード2
ユーザー名
パスワード
カテゴリ
カテゴリ1カテゴリ2カテゴリ3カテゴリ4
プロジェクト
プロジェクト1プロジェクト2プロジェクト3プロジェクト4
 
 
サンプルコード
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 Validator.add({      id: 'Name' , name: ' ' , type: 'require length ajax' , min: 5, max: 200,      ajax: {          value: function () {              if   (document.getElementById( 'Name' ).value == 'known' )                  return   true ;              else                  return   false ;          },          message: ' !'      } }); Validator.add({ id: 'Password' , name: ' ' , type: 'require'   }); Validator.add({ id: 'Type' , name: ' ' , type: 'group'   }); Validator.add({ id: 'Item' , name: ' ' , type: 'group'   }); if   (Validator.validate(document.forms[0].m[0].checked ? 1 : 2)) {      Pop.confirm({          info: ' ?' ,          ok: function () { Pop.wait(); document.forms[0].submit(); },          cancel: function () { return   false ; }      }); } return   false ;