简单实用的Bootstrap+PHP表单验证实例，非常适合初学者及js不熟悉者，还有ajax远程验证

 

js验证表单

$(document).ready(function() { 
    $('#defaultForm') 
            .bootstrapValidator({ 
                message: 'This value is not valid', 
                feedbackIcons: { 
                    valid: 'glyphicon glyphicon-ok', 
                    invalid: 'glyphicon glyphicon-remove', 
                    validating: 'glyphicon glyphicon-refresh' 
                }, 
                fields: { 
                    username: { 
                        message: 'The username is not valid', 
                        validators: { 
                            notEmpty: { 
                                message: 'The username is required and can\'t be empty' 
                            }, 
                            stringLength: { 
                                min: 6, 
                                max: 30, 
                                message: 'The username must be more than 6 and less than 30 characters long' 
                            }, 
                            /*remote: { 
                             url: 'remote.php', 
                             message: 'The username is not available' 
                             },*/ 
                            regexp: { 
                                regexp: /^[a-zA-Z0-9_\.]+$/, 
                                message: 'The username can only consist of alphabetical, number, dot and underscore' 
                            } 
                        } 
                    }, 
                    email: { 
                        validators: { 
                            notEmpty: { 
                                message: 'The email address is required and can\'t be empty' 
                            }, 
                            emailAddress: { 
                                message: 'The input is not a valid email address' 
                            } 
                        } 
                    }, 
                    password: { 
                        validators: { 
                            notEmpty: { 
                                message: 'The password is required and can\'t be empty' 
                            } 
                        } 
                    } 
                } 
            }) 
            .on('success.form.bv', function(e) { 
                // Prevent form submission 
                e.preventDefault(); 
 
                // Get the form instance 
                var $form = $(e.target); 
 
                // Get the BootstrapValidator instance 
                var bv = $form.data('bootstrapValidator'); 
 
                // Use Ajax to submit form data 
                $.post($form.attr('action'), $form.serialize(), function(result) { 
                    console.log(result); 
                }, 'json'); 
            }); 
});

 

PHP远程验证用户名

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

本实例下载：https://www.sucaihuo.com/php/1814.html