JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://formvalidation.io/vendor/formvalidation/js/formValidation.min.js"></script>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="http://www.3menmovers.com/assets/jquery-ui/js/jquery-ui-1.10.4.custom.min.js"></script>
<link rel="stylesheet" href="http://www.3menmovers.com/assets/jquery-ui/css/flick/jquery-ui-1.10.4.custom.css">
<script src="http://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
<script src="http://formvalidation.io/vendor/formvalidation/js/framework/bootstrap.min.js"></script>
<form method="post" id="estimateForm1" class="form-horizontal bv-form">
<input type="hidden" name="page_source" id="page_source" value=""/>

    <fieldset>

     <input type="hidden" name="RefferingPage" value="' . $page . '" />

    <div class="form-group">
        <div class="row">

        <div class="col-md-8 pad_right">
            <input type="text" class="form-control" name="Name" placeholder="*Your name" value="" />
        </div>


    </div><!--row-->
  </div><!--form group-->

    <div class="form-group">
        <div class="row">
            <div class="col-md-8 pad_right">
               <input type="text" class="form-control" name="Phone" placeholder="*Phone" class="phone" value="111-111-1111" />
            </div>

          </div>
    </div>



      <div class="form-group">
        <div class="row">
            <div class="col-md-8 pad_right">
                <input type="text" name="Email"  class="form-control" placeholder="*Email" id="" value="pie@aol.com"/>
            </div>


         </div>


        </div>




   <div class="form-actions">
                    <div class="row">
                        <div class="col-md-2 col-md-offset-5 col-xs-2">
                            <button class="btn btn-default" type="submit" disabled="disabled">
                                <i...

CSS

#estimateForm1
{
      padding: 50px;
    
}

.quoteForm .button {
  padding: 12px 0px 11px;
  width: 48% /*200/414*/;
  text-align: center;
  margin-bottom: 0;
  display: inline;
  color: #fff;
  letter-spacing: 1px;
  background: #317023;
  background: -moz-linear-gradient(top, #317023 0%, #379622 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#317023), color-stop(100%,#379622));
  background: -webkit-linear-gradient(top, #317023 0%,#379622 100%);
  background: -o-linear-gradient(top, #317023 0%,#379622 100%);
  background: -ms-linear-gradient(top, #317023 0%,#379622 100%);
  background: linear-gradient(to bottom, #317023 0%,#379622 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#317023', endColorstr='#379622',GradientType=0 );
}

JavaScript

jQuery('#estimateForm1')
        .formValidation({
            framework: 'bootstrap',
            err: {
                container: 'tooltip'
            },
            icon: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                Name: {
                    row: '.col-md-8',
                    validators: {
                        notEmpty: {
                            message: 'The first name is required'
                        },
                        stringLength: {
                            min: 2,

                            message: 'Must be at-least 2 characters long.'
                        },
                        regexp:
                        {
                            message: 'Please only use A-Z characters.',
                            regexp: /^[a-zA-Z]+$/
                        }

                    }
                },
                Phone: {
                    row: '.col-md-8',
                    validators: {

                        notEmpty: {
                            message: 'The phone number is required'
                        },
                        stringLength: {
                            min: 14,
                            max: 15,
                            message: 'Not a valid phone #.'
                        },
                        regexp: {
                            message: 'The phone number can only contain the digits, spaces, -, (, ), + and .',
                            regexp: /^[0-9\s\-()+\.]+$/
                        }
                    }
                },
                Email: {
                    row: '.col-md-8',
                    validators: {
                        notEmpty: {
                            message: 'The email address is required'
                        },
                        regexp: {
       ...