TwoButtons

by abhijeetkarve

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>
<form class="form-horizontal" id="aspnetForm" name="" method="multiform" action="/boo/foo ">
			<div class="form-row">
				<div class="form-group col-md-2">
					<label>User Id</label>
					<input type="text" class="form-control cuserid" id="txtUserId" runat="server" tabindex="3" maxlength="18"/>
				</div>
				<div class="form-group col-md-1"></div>
				<div class="form-group col-md-2">
					<label>User Password</label>
					<input type="text" class="form-control cuserpwd" id="txtUserPassword" runat="server" tabindex="4" maxlength="50"/>
				</div>
				<div class="form-group col-md-1"></div>
				<div class="form-group col-md-2">
					<label for="ddlUserGroups">User Group</label>
					<select id="ddlUserGroups" runat="server" class="form-control" datatextfield="UserGroup" datavaluefield="UGrowid" tabindex="5" multiple="false"></select>
				</div>
				<div class="form-group col-md-1"></div>
				<div class="form-group col-md-2">
					<label>Clinics</label>
					<select class="form-control" id="ddlClinic" runat="server" visible="true" datatextfield="FriendlyName" datavaluefield="Crowid" multiple="false" tabindex="6"></select>
				</div>
			</div>

			<div class="form-row">
				<div class="form-group col-md-2">
					<label>Job Title</label>
					<select id="ddlJobTitle" runat="server" onchange="onJobTitleChanged()" class="form-control"
						datatextfield="JobTitle" datavaluefield="JobTitleId"...

CSS

body {
    margin:50px;
}

JavaScript

$(document).ready(function () {
	        $('#aspnetForm').bootstrapValidator({
            fields: {
                bvuserid: {
                    selector: '.cuserid',
                    validators: {
                        notEmpty: {
                            message: 'Required user'
                        },
                    }
                },
                bvuserpwd: {
                    selector: '.cuserpwd',
                    validators: {
                        notEmpty: {
                            message: 'Required Pwd'
                        },
                    }
                },
                bvfirstname: {
                    selector: '.cfirstname',
                    validators: {
                        notEmpty: {
                            message: 'Required First'
                        },
                    }
                },
                bvlastname: {
                    selector: '.clastname',
                    validators: {
                        notEmpty: {
                            message: 'Required Last'
                        },
                    }
                },
                bvustartdate: {
                    selector: '.cStartDate',
                    validators: {
                        notEmpty: {
                            message: 'Required U Start'
                        },
                    }
                },
                bvemail: {
                    selector: '.cemail',
                    validators: {
                        notEmpty: {
                            message: 'Required Email'
                        },
                    }
                },
				bvlicense: {
                    selector: '.clicensenum',
                    validators: {
                        notEmpty: {
                            message: 'Required License'
                        },
                    }
                },
                bvtherapisttype: {
                 ...