Bootstrap+PHP表单验证实例
Bootstrap+PHP表单验证实例
内容导读
收集整理的这篇技术教程文章主要介绍了Bootstrap+PHP表单验证实例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3475字，纯文字阅读大概需要5分钟。
内容图文
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。本文主要讲述了一个简单实用的Bootstrap+PHP表单验证实例，非常适合初学者及js不熟悉者，还有ajax远程验证，感兴趣的朋友一起来了解一下吧。
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表单验证实例所遇到的程序开发问题。 如果觉得技术教程内容还不错，欢迎将网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
本文关键词：
