Bootstrap+PHP表单验证实例

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Bootstrap+PHP表单验证实例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3475字，纯文字阅读大概需要5分钟。

内容图文

js验证表单

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

推荐课程：Bootstrap视频教程

PHP远程验证用户名

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

推荐课程：PHP视频教程

以上就是Bootstrap+PHP表单验证实例的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的Bootstrap+PHP表单验证实例全部内容，希望文章能够帮你解决Bootstrap+PHP表单验证实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端