<script type="text/javascript" src="assets/layout/scripts/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="assets/layout/scripts/bootstrap/bootstrap.js"></script>
<script src="assets/layout/scripts/bootstrap/bootstrap.min.js"></script>

<link rel="stylesheet" href="assets/layout/styles/bootstrap/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="assets/layout/styles/bootstrap/bootstrap.min.css" type="text/css" />
<script type="text/javascript" src="assets/layout/scripts/bootstrap_value/bootstrapValidator.js"></script>
<link rel="stylesheet" href="assets/layout/styles/bootstrap_value/bootstrapValidator.css" type="text/css" />

<form id="signup_form"  action="do.php"  method="post" style="text-align: center">

    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label class="control-label">نام کاربری</label>
                <input type="text" class="form-control" name="username" />
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label class="control-label">رمز ورود</label>
                <input type="text" class="form-control" name="pass"/>
            </div>
        </div>
    </div>

    <input type="submit" value="Submit"/>


</form>

<script type="text/javascript">
    $(document).ready(function() {
        $('#signup_form').bootstrapValidator({
            live: 'submitted',
            fields: {

                username: {
                    validators: {
                        notEmpty: {
                            message: '.نام خود را وارد کنید'
                        }
                    }
                },
                pass: {
                    validators: {
                        notEmpty: {
                            message: '.رمز کاربری خود را وارد کنید'
                        }
                    }
                }
            }
        });
    });
</script>