I'm using twitter bootstrap and laravel to create a web application. The issue I seem to be having is that my sign in and register routines take place on the same page '/'. I am attempting to change the url when the modals load so that I can use routes from two different locations.
Here are my routes
Route::post('register', array('uses' =>'RegistrationController#doRegister'));
Route::post('login', array('uses' => 'RegistrationController#doLogin'));
Here are the modals
<div class="modal fade" id="signInModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Sign In</h4>
</div>
<div class="modal-body">
<form action="" method="post" id="signInForm">
<div class="form-group center-block">
<div class="row"><!-- Input for Sign In-->
<div class="col-xs-12">
<div class="form-group">
<input type="email" class="form-control" id="inputEmail" placeholder="User ID">
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<input type="password" class="form-control" id="inputPassword" placeholder="Password">
</div>
</div>
</div><!-- End of Input for Sign In-->
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="signInModalButton">Submit</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="registeringModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Register</h4>
</div>
<div class="modal-body">
<form action="" method="post" id="registerForm">
<div class="form-group center-block">
<div class="row"><!--Input for Registering-->
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="form-group">
<input type="text" name="first_name" id="first_name" class="form-control input-lg" placeholder="First Name" tabindex="1">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="form-group">
<input type="text" name="last_name" id="last_name" class="form-control input-lg" placeholder="Last Name" tabindex="2">
</div>
</div>
</div>
<div class="form-group">
<input type="email" name="email" id="email" class="form-control input-lg" placeholder="Email Address" tabindex="4">
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="form-group">
<input type="password" name="password" id="password" class="form-control input-lg" placeholder="Password" tabindex="5">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="form-group">
<input type="password" name="password_confirmation" id="password_confirmation" class="form-control input-lg" placeholder="Confirm Password" tabindex="6">
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<input type="text" name="addressLine1" id="addressLine1" class="form-control input-lg" placeholder="Address Line 1" tabindex="6">
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<input type="text" name="addressLine2" id="addressLine2" class="form-control input-lg" placeholder="Address Line 2" tabindex="6">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="form-group">
<input type="text" name="city" id="city" class="form-control input-lg" placeholder="City" tabindex="6">
</div>
</div>
<div class="col-xs-6 col-sm-3 col-md-3"><!--State Dropdown-->
<div class="form-group">
<select name="state" class="form-control" tabindex="6">
<option value=" " disabled selected>State</option>
<option value="AL">AL</option>
<option value="AK">AK</option>
<option value="AZ">AZ</option>
<option value="AR">AR</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DE">DE</option>
<option value="DC">DC</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="HI">HI</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="IA">IA</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="ME">ME</option>
<option value="MD">MD</option>
<option value="MA">MA</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MS">MS</option>
<option value="MO">MO</option>
<option value="MT">MT</option>
<option value="NE">NE</option>
<option value="NV">NV</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NY">NY</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VT">VT</option>
<option value="VA">VA</option>
<option value="WA">WA</option>
<option value="WV">WV</option>
<option value="WI">WI</option>
<option value="WY">WY</option>
</select>
</div>
</div><!--End of State Dropdown List-->
<div class="col-xs-6 col-sm-3 col-md-3">
<div class="form-group">
<input type="number" name="zipcode" id="zipcode" class="form-control input-lg" placeholder="Zipcode" tabindex="6">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="form-group">
<input type="text" name="phoneNumber" id="phoneNumber" class="form-control input-lg" placeholder="Phone Number" tabindex="6">
</div>
</div>
</div>
</div>
</form>
</div><!-- End of input for registering-->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary" id="registerModalButton">Register</button>
</div>
</div>
</div>
</div>
I use this javascript to submit the forms
//Delay JS bind so button exists
$(document).ready(function() { $('#signInModalButton').click(function() { $('#signInForm').submit();
}); }); </script>
EDIT: For clarification /login and /register pages do not exist I'm trying to change the url when the modal appears so that my routes work correctly.
The action attributes in the forms are empty. That's why your forms are being submitted to the same page.
You need to replace
<form action="" method="post" id="signInForm">
with
<form action="{{ URL::to('register') }}" method="post" id="signInForm">
and
<form action="" method="post" id="signInForm">
with
<form action="{{ URL::to('login') }}" method="post" id="signInForm">.
Your submit button are wrong for as far as I can see. Should be:
<button class="btn btn-danger" data-dismiss="modal">Close</button>
<input type="submit" class="btn btn-primary" id="signInModalButton">Submit</button>
They should also be placed inside your <form> and your forms should have an action on it.
Related
i got this registeration for user,i use the js function at the submit button to prevent user from double click,but now the form will submit even though user did not inside name which is required,what should i do
<?php echo form_open('user/register_cust_checkout',array('class'=>'form-horizontal','id'=>'')) ?>
<div class="row col-12 pr-0">
<div class="col-md-6 pr-0">
<div class="form-group">
<label class="control-label">Nama Penuh</label>
<input type="text" name="full_name" class="form-control uppercase" required>
</div>
</div>
<div class="col-md-6 pr-0">
<div class="form-group">
<label class="control-label">No K / P</label>
<input type="text" name="nic_no" class="form-control uppercase">
</div>
</div>
</div>
<div class="row col-12 pr-0">
<div class="col-md-6 pr-0">
<div class="form-group">
<label class="control-label">Emel</label>
<input type="text" name="email" class="form-control">
</div>
</div>
<div class="col-md-6 pr-0">
<div class="form-group">
<label class="control-label">No Telefon</label>
<input type="text" name="phone" class="form-control" required>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="control-label">Alamat</label>
<textarea class="form-control" id="example-textarea" name="address" rows="3"></textarea>
</div>
</div>
<div class="row col-12 pr-0">
<div class="col-md-6 pr-0">
<div class="form-group">
<label class="control-label">Poskod</label>
<input type="text" name="postcode" class="form-control uppercase">
</div>
</div>
<div class="col-md-6 pr-0">
<div class="form-group">
<label class="control-label">Bandar</label>
<input type="text" name="town_area" class="form-control uppercase">
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group mb-3">
<label for="custom-select">Negeri</label>
<select class="custom-select select2" name="state_id" id="custom-select">
<option value="17" selected>---Pilih---</option>
<option value="1">SELANGOR</option>
<option value="2">KUALA LUMPUR</option>
<option value="3">JOHOR</option>
<option value="4">PERAK</option>
<option value="5">PENANG</option>
<option value="6">KEDAH</option>
<option value="7">PAHANG</option>
<option value="8">NEGERI SEMBILAM</option>
<option value="9">KELANTAN</option>
<option value="10">TERENGGANU</option>
<option value="11">MELAKA</option>
<option value="12">PUTRAJAYA</option>
<option value="13">PERLIS</option>
<option value="14">LABUAN</option>
<option value="15">SABAH</option>
<option value="16">SARAWAK</option>
</select>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" data-dismiss="modal">Tutup</button>
<input type="submit" onclick="this.disabled=true;this.value='Sila
Tunggu';this.form.submit();" id="btn_upd" class="btn btn-primary" value="Daftar">
</div>
<?php echo form_close() ?>
javascript code (onclick) :
<input type="submit" onclick="this.disabled=true;this.value='Sila
Tunggu';this.form.submit();" id="btn_upd" class="btn btn-primary" value="Daftar">
so this is my register form,user can even register even though the form is blank because this.form.submit(); ignore the required input form
When a button is clicked, I am using AJAX to display a PHP modal, with a form inside it. It is an edit form so the fields are filled in with data received from AJAX calling a PHP function via a handler. However I need a way for a select input to know which one is selected but, the data to use for that is in JavaScript. Usually I would use a function such as
$occasionTypes = getPublishedOccasionTypes($connection);
if($occasionTypes != NULL){
foreach ($occasionTypes as $occasionType) {
$selected = (isset($booking['reservation_type']) && ($booking['reservation_type'] == $occasionType['id'])) ? 'selected' : NULL;
$occasionSelect .= '<option value='.$occasionType['id'].' '.$selected.'>'.$occasionType['name'].'</option>';
}
}
But in this case, $booking['reservation_type] is useless because the actual value I need is in an input (a hidden one I created) but being filled by JavaScript. Anyone any ideas? Here is my JavaScript also
$.ajax({
type: 'POST',
url: "/modules/ajax/ajax_handler.php",
data: data
})
.done((result)=>{
result = JSON.parse(result);
console.log(result);
$('#firstName').val(result.customer_first_name);
$('#lastName').val(result.customer_last_name);
$('#email').val(result.customer_email);
$('#number').val(result.customer_mobile);
$('#date').val(result.reservation_date);
$('#time').val(result.reservation_time);
$('#size').val(result.party_size);
$('#occasion').val(result.occasion_type);
$('#comment').val(result.special_requirements);
$('#code').val(pcode);
$('#customerCode').val(result.customer_code);
$('#editModal').modal('show');
})
MODAL
$modalpopup =
'
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Edit Booking</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<form id="editBooking" class="form form-horizontal" method="post" enctype="multipart/form-data">
<div class="modal-body">
<div class="form-group">
<label>First Name</label>
<input type="text" class="form-control" name="firstName" id="firstName" placeholder="" required>
</div>
<div class="form-group">
<label>Last Name</label>
<input type="text" class="form-control" name="lastName" id="lastName" placeholder="" required>
</div>
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" name="email" id="email" placeholder="" required>
</div>
<div class="form-group">
<label>Phone Number</label>
<input type="text" class="form-control" name="number" id="number" placeholder="" required>
</div>
<div class="form-group">
<label>Date</label>
<input type="date" class="form-control" name="date" id="date" placeholder="" required>
</div>
<div class="form-group">
<label>Time</label>
<select id="time" name="time" class="form-control" required>
<option value="">Please select ...</option>
'.$timeSelect.'
</select>
</div>
<div class="form-group">
<label>Party Size</label>
<input type="number" class="form-control" name="size" id="size" placeholder="" required>
</div>
<div class="form-group">
<label>Occasion</label>
<select id="occasion" name="occasion" class="form-control" required>
<option value="" selected>Please select</option>
'.$occasionSelect.'
</select>
</div>
<div class="form-group">
<label>Status</label>
<select class="form-control" name="status" id="status" placeholder="">
<option value="accepted">Accepted</option>
<option value="not-accepted">Not Accepted</option>
</select>
</div>
<div class="form-group">
<label>Comment</label>
<textarea type="text" class="form-control" name="comment" id="comment" placeholder=""></textarea>
</div>
<input type="hidden" class="form-control" name="code" id="code" placeholder="">
<input type="hidden" class="form-control" name="customerCode" id="customerCode" placeholder="">
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">Edit</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</form>
</div>
</div>
</div>';
I am trying to display a form on click of a button in the card and button should hide and display the form. But it is not displaying. I thought I have written write code but not getting. Can help me what is the mistake in my code.
<div id="wCard">
{{#each workflow}}
<div class="module-card">
<div class="card-header wfmodule">Cast for '{{project}}'</div>
<div class="assigned-tag">Assigned To:</div>
<div class="assigned-to">{{team}}<hr></div>
<div class="actions">No Actions Created</div>
<div class="due-on">Due on:{{d_date}}</div>
</div>
<div><button class="btn-wf stage-blue-wf button-x-small-wf" id="newAction">New Action</button></div>
{{/each}}
</div>
the below is the form should display when I click the new action button in the above code.
<!-- create new action -->
<div class="workflow" id="createAction">
<form class="workflow-action-form" method="post" id="actionForm">
<div> <input type="text" class="flow-title" name="actionTitle" placeholder="New Action Name" /></div>
<div class="form-line"></div>
<fieldset class="form-group">
<textarea class="form-control" id="skills" name="description" placeholder="Description" required></textarea>
</fieldset>
<fieldset class="form-group">
<select class="form-control m-b" name="team" required>
<option value="" selected="selected">Assign to Team or People</option>
<option>Production Team</option>
<option>Production Team 1</option>
<option>Production Team 2</option>
<option>Production Team 3</option>
</select>
</fieldset>
<div class="row">
<div class="col-md-6">
<fieldset class="form-group">
<div class='input-group date' id='datetimepicker3'>
<span class="input-group-addon">
<span class="fa fa-calendar"></span>
</span>
<input type='text' class="form-control" name="s_date" placeholder="Start Date" required/>
</div>
</fieldset>
</div>
<div class="col-md-6">
<fieldset class="form-group">
<div class='input-group date' id='datetimepicker4'>
<span class="input-group-addon">
<span class="fa fa-calendar"></span>
</span>
<input type='text' class="form-control" name="d_date" placeholder="Due Date" required/>
</div>
</fieldset>
</div>
</div>
<fieldset class="form-group">
<select class="form-control m-b" name="link" required>
<option value="" selected="selected">Link to Meeting or Event</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
</select>
</fieldset>
<fieldset class="form-group">
<select class="form-control m-b" name="project" required>
<option value="" selected="selected">Create a Path</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
</select>
</fieldset>
<fieldset class="form-group">
<textarea class="form-control" id="skills" name="notes" placeholder="Notes" required></textarea>
</fieldset>
<div class="flex-btn-force-right">
<div class="btn-box">
<button type="button" class="btn btn-info" id="cancelActionBtn">Cancel</button>
<button type="submit" class="btn btn-info" id="createActionBtn">Create</button>
</div>
</div>
</form>
</div>
and JS is:
$(document).ready(function(){
$('#newAction').click(function(){
$('#newAction').hide();
$('#createAction').show();
});
});
I think it is a same id problem.
<div id="wCard">
{{#each workflow}}
<div class="module-card">
<div class="card-header wfmodule">Cast for '{{project}}'</div>
<div class="assigned-tag">Assigned To:</div>
<div class="assigned-to">{{team}}<hr></div>
<div class="actions">No Actions Created</div>
<div class="due-on">Due on:{{d_date}}</div>
</div>
{{/each}}
<div><button class="btn-wf stage-blue-wf button-x-small-wf" id="newAction">New Action</button></div>
</div>
Each in a wrong place.
So I am trying to figure out a way to blank a field if a particular field is entered and vice versa.
The form locates urgent care locations base on the entries that the users enters. So we have the urgent care facility name, city, zip code and miles field.
So what I would like to do is if the user enters the zip code in the zip code field and if the user previously had selected a city based on the selection given, it blanks out the city and vice versa. If the user selects a city from the city drop down list, the zip code field blanks out.
The following is the code I have:
$('#zip').on('input', function() { $('#city').val("") })
$('#city').on('input', function() { $('#zip').val("") })
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="panel panel-default">
<div class="panel-body">
<form name="UrgentCareSearch" ng-submit="SearchUrgentCare(searchParam);" novalidate="" role="form">
<div class="form-group">
<input class="form-control" id="urgentcare" ng-model="searchParam.UrgentCareName" placeholder="Urgent Care Name" type="text" />
</div>
<!---<div class="form-group"><input class="form-control" id="urgentcare" name="Urgent Care Name" onblur="if(this.value === '') this.value = 'Urgent Care Name';" onfocus="if(this.value === 'Urgent Care Name') this.value = '';" type="text" value="Urgent Care Name" /></div>--->
<div class="form-group">
<!---<select class="form-control margin-bottom1" id="city" ng-model="searchParam.City" ng-options="City.value for City in Cities">
<option disabled="disabled" selected="selected" value="">City</option> </select>--->
<SELECT name="proCity" class="form-control margin-bottom1" id="city" placeholder="City" ng-model="searchParam.City">
<option disabled="disabled" selected="selected" value="">City</option>
<cfoutput query="UCarecityFind">
<option value=#officecity#>#officecity#</option>
</cfoutput>
</select>
</div>
<hr />
<div style="margin-top:-10px; margin-bottom:10px; text-align:center; font-size:8pt! important">* or Search by Zip code radius *</div>
<div class="row">
<div class="col-xs-7 no-right-padding">
<div class="form-group">
<div class="input-group">
<!---<select class="form-control" name="distance" ng-model="searchParam.Distance" ng-options="mile.value for mile in miles"></select>--->
<select class="form-control" name="distance" ng-model="searchParam.distance">
<option selected="selected" value=" "></option>
<option>5</option>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
<div class="input-group-addon">miles</div>
</div>
</div>
</div>
<div class="col-xs-5 no-left-padding widthZip">
<div class="form-group">
<input allow-pattern="[\d\W]" class="form-control" id="zip" maxlength="5" ng-model="searchParam.Zip" placeholder="Zip code" type="text" />
</div>
</div>
</div>
<div class="form-group">
<input class="btn btn-warning btn-block" ng-click="gotoElement('SearchResultsAnchor');" type="submit" value="Search" />
</div>
</form>
</div>
</div>
You have an invisible character with code 0x5396c after input in your .on() calls. When I remove that, the code works.
$('#zip').on('input', function() {
$('#city').val("")
})
$('#city').on('input', function() {
$('#zip').val("")
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="panel panel-default">
<div class="panel-body">
<form name="UrgentCareSearch" ng-submit="SearchUrgentCare(searchParam);" novalidate="" role="form">
<div class="form-group">
<input class="form-control" id="urgentcare" ng-model="searchParam.UrgentCareName" placeholder="Urgent Care Name" type="text" />
</div>
<!---<div class="form-group"><input class="form-control" id="urgentcare" name="Urgent Care Name" onblur="if(this.value === '') this.value = 'Urgent Care Name';" onfocus="if(this.value === 'Urgent Care Name') this.value = '';" type="text" value="Urgent Care Name" /></div>--->
<div class="form-group">
<!---<select class="form-control margin-bottom1" id="city" ng-model="searchParam.City" ng-options="City.value for City in Cities">
<option disabled="disabled" selected="selected" value="">City</option> </select>--->
<SELECT name="proCity" class="form-control margin-bottom1" id="city" placeholder="City" ng-model="searchParam.City">
<option disabled="disabled" selected="selected" value="">City</option>
<cfoutput query="UCarecityFind">
<option value=#officecity#>#officecity#</option>
</cfoutput>
</select>
</div>
<hr />
<div style="margin-top:-10px; margin-bottom:10px; text-align:center; font-size:8pt! important">* or Search by Zip code radius *</div>
<div class="row">
<div class="col-xs-7 no-right-padding">
<div class="form-group">
<div class="input-group">
<!---<select class="form-control" name="distance" ng-model="searchParam.Distance" ng-options="mile.value for mile in miles"></select>--->
<select class="form-control" name="distance" ng-model="searchParam.distance">
<option selected="selected" value=" "></option>
<option>5</option>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
<div class="input-group-addon">miles</div>
</div>
</div>
</div>
<div class="col-xs-5 no-left-padding widthZip">
<div class="form-group">
<input allow-pattern="[\d\W]" class="form-control" id="zip" maxlength="5" ng-model="searchParam.Zip" placeholder="Zip code" type="text" />
</div>
</div>
</div>
<div class="form-group">
<input class="btn btn-warning btn-block" ng-click="gotoElement('SearchResultsAnchor');" type="submit" value="Search" />
</div>
</form>
</div>
</div>
My demo at here: http://project.bulleno.com/dwi/index2.html
In my demo, the select option of other form work well, but the select of form on slider not work and I cannot figure out and solve it.
I think it is conflict with jquery from master slider and smart form. But I cannot troubleshoot it. So I need help and any help is greatly appreciated. You can check my code below:
<div class="ms-slide slide-1" data-delay="9">
<div class="slide-pattern"></div>
<img src="js/masterslider/blank.gif" data-src="images/slide3.jpg" alt="" />
<h3 class="ms-layer text31 text-center"
style="top: 230px; right: 230px;"
data-type="text"
data-delay="500"
data-ease="easeOutExpo"
data-duration="1230"
data-effect="top(250)">Welcome To DidYouBlow</h3>
<h3 class="ms-layer text36 text-center"
style="top: 20px; right: -900px;"
data-type="text"
data-delay="0"
data-ease="easeOutExpo"
data-duration="1230"
data-effect="top(250)">
<div class="col-md-4 col-sm-6 col-sm-6 col-xs-12 bmargin">
<span class="visible-lg">
<div class="feature-box57 bmargin">
<br />
<font color="000000"><i class="fa fa-university"></i><font size="+2">Submit DWI INFO</font><i class="fa fa-university"></i></font>
<form method="post" action="send.php" id="">
<div class="clearfix"></div>
<br>
<div class="col-sm-5">
<input class="form-control" type="text" name="Name" placeholder="Full Name">
</div>
<div class="col-sm-5">
<input class="form-control" type="text" name="Name" placeholder="Phone Number">
</div>
<div class="clearfix"></div>
<br>
<div class="col-sm-5">
<input class="form-control" type="text" name="Name" placeholder="Email">
</div>
<div class="col-sm-5">
<input class="form-control" type="text" name="Name" placeholder="City / Court">
</div>
<div class="clearfix"></div>
<br>
<div class="col-sm-5">
<input class="form-control" type="text" name="Name" placeholder="Name">
</div>
<div class="col-sm-5">
<input class="form-control" type="text" name="Name" placeholder="Name">
</div>
<div class="clearfix"></div>
<br>
<div class="col-sm-5">
<label for="month" class="field select">
<select id="month" name="month">
<option value="">How Did You Hear About Us?</option>
<option value="Facebook">Facebook</option>
<option value="Google">Google</option>
<option value="Yahoo">Yahoo</option>
<option value="Mailer">Mailer</option>
<option value="Radio">Radio</option>
<option value="Bing">Bing</option>
<option value="Referral">Referral</option>
</select>
<i class="arrow double"></i>
</label>
</div>
<div class="col-sm-5">
<label for="month" class="field select">
<select id="month" name="month">
<option value="">How Did You Hear About Us?</option>
<option value="Facebook">Facebook</option>
<option value="Google">Google</option>
<option value="Yahoo">Yahoo</option>
<option value="Mailer">Mailer</option>
<option value="Radio">Radio</option>
<option value="Bing">Bing</option>
<option value="Referral">Referral</option>
</select>
<i class="arrow double"></i>
</label>
</div>
<div class="clearfix"></div>
<br>
<div class="col-sm-11">
<textarea class="form-control" id="sendermessage" name="sendermessage" placeholder="Enter message"></textarea>
</div>
<div class="clearfix"></div>
<br>
<button type="submit" class="btn btn-dark-2 less-round less-padding">Submit Information</button>
</div>
</form>
</div>
</span>
</h3>
</div>
The problem cause this matter is: mouse and loop option in master slider.
I had disable both options and everything work well.