Bootstrap + PHP フォーム検証の例-PHPチュートリアル-php.cn

Bootstrap + PHP フォーム検証の例

little bottle

リリース： 2023-04-06 06:00:02

転載

2497 人が閲覧しました

Bootstrap は、米国 Twitter Company のデザイナー、Mark Otto と Jacob Thornton によって開発された、HTML、CSS、および JavaScript をベースとしたシンプルで直感的かつ強力なフロントエンド開発フレームワークで、Web 開発を高速化します。この記事では主に、初心者や js に慣れていない人に最適な、シンプルで実用的な Bootstrap PHP フォーム検証の例について説明します。Ajax リモート検証もあります。興味のある友達は一緒に学ぶことができます。

js 検証フォーム

 1 $(document).ready(function() { 
 2     $(&#39;#defaultForm&#39;) 
 3             .bootstrapValidator({ 
 4                 message: &#39;This value is not valid&#39;, 
 5                 feedbackIcons: { 
 6                     valid: &#39;glyphicon glyphicon-ok&#39;, 
 7                     invalid: &#39;glyphicon glyphicon-remove&#39;, 
 8                     validating: &#39;glyphicon glyphicon-refresh&#39; 
 9                 }, 
10                 fields: { 
11                     username: { 
12                         message: &#39;The username is not valid&#39;, 
13                         validators: { 
14                             notEmpty: { 
15                                 message: &#39;The username is required and can\&#39;t be empty&#39; 
16                             }, 
17                             stringLength: { 
18                                 min: 6, 
19                                 max: 30, 
20                                 message: &#39;The username must be more than 6 and less than 30 characters long&#39; 
21                             }, 
22                             /*remote: { 
23                              url: &#39;remote.php&#39;, 
24                              message: &#39;The username is not available&#39; 
25                              },*/ 26                             regexp: { 
27                                 regexp: /^[a-zA-Z0-9_\.]+$/, 
28                                 message: &#39;The username can only consist of alphabetical, number, dot and underscore&#39; 
29                             } 
30                         } 
31                     }, 
32                     email: { 
33                         validators: { 
34                             notEmpty: { 
35                                 message: &#39;The email address is required and can\&#39;t be empty&#39; 
36                             }, 
37                             emailAddress: { 
38                                 message: &#39;The input is not a valid email address&#39; 
39                             } 
40                         } 
41                     }, 
42                     password: { 
43                         validators: { 
44                             notEmpty: { 
45                                 message: &#39;The password is required and can\&#39;t be empty&#39; 
46                             } 
47                         } 
48                     } 
49                 } 
50             }) 
51             .on(&#39;success.form.bv&#39;, function(e) { 
52                 // Prevent form submission 53                 e.preventDefault(); 
54  55                 // Get the form instance 56                 var $form = $(e.target); 
57  58                 // Get the BootstrapValidator instance 59                 var bv = $form.data(&#39;bootstrapValidator&#39;); 
60  61                 // Use Ajax to submit form data 62                 $.post($form.attr(&#39;action&#39;), $form.serialize(), function(result) { 
63                     console.log(result); 
64                 }, &#39;json&#39;); 
65             }); 
66 });

ログイン後にコピー

おすすめコース:Bootstrap ビデオチュートリアル

PHP リモート検証ユーザー名

1 $userName = $_POST[&#39;username&#39;]; 
2  3 echo json_encode(array( 
4     &#39;message&#39; => sprintf(&#39;Welcome %s&#39;, $userName), 
5 ));

ログイン後にコピー

推奨コース: PHPビデオチュートリアル

以上がBootstrap + PHP フォーム検証の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。