javascript - jQuery .submit() .ajax() have to click send button two times to get the correct response -


i have form 5 fields sending ajax php script simple validation , returns string.

i have made little jquery script actual submission, , when try send form have click send button 2 times.

update: url live site: http://www.dan-levi.no/new/#!/kontakt

here code:

html

<form id="contact_form" class="form-horizontal" action"includes/contact.php" method"post">             <div class="control-group">                 <label class="control-label" for="contact_name">ditt navn og evt. bedrift</label>                 <div class="controls">                     <input type="text" class="input-large" id="contact_name" name="contact_name" placeholder="ditt navn og evt. bedrift" />                 </div>             </div>              <div class="control-group">                 <label class="control-label" for="contact_email">e-post</label>                 <div class="controls">                     <input type="email" class="input-large" id="contact_email" name="contact_email" placeholder="e-post" />                 </div>             </div>              <div class="control-group">                 <label class="control-label" for="contact_tel">telefon</label>                 <div class="controls">                     <input type="tel" class="input-large" id="tel" name="contact_tel" placeholder="telefon" />                 </div>             </div>              <div class="control-group">                 <label class="control-label" for="contact_subject">emne</label>                 <div class="controls">                     <input type="text" class="input-large" id="subject" name="contact_subject" placeholder="emne melding" />                 </div>             </div>              <div class="control-group">                 <label class="control-label" for="contact_desc">din beskjed</label>                 <div class="controls">                     <textarea rows="10" class="input-large" id="contact_desc" name="contact_desc" placeholder="din beskjed"></textarea>                 </div>             </div>             <div class="text-error pull-right" id="error_message"></div><br>             <input class="btn btn-large pull-right" type="submit" name="" value="send" /><br> </form> 

javascript

$(document).ready(function() {     $('#contact_form').submit(function(e) {         data = $('#contact_form').serialize();         $.ajax({             url: 'includes/contact.php',             type: 'post',             data: data,         })         .done(function(response) {             if (response == 'empty') {                 $('#error_message').text('noen av feltene er tomme.')             } else {                 $('.message').html(response);                 $('#contact_form').fadeout('400');                 $('#info_line').fadein('400').text('takk din henvendelse');             };           })                 e.preventdefault();     }); }); 

php

$contact_name = $_post['contact_name']; $contact_email = $_post['contact_email']; $contact_tel = $_post['contact_tel']; $contact_subject = $_post['contact_subject']; $contact_desc = $_post['contact_desc'];  if ($contact_name == '' || $contact_email == '' || $contact_tel == '' || $contact_subject == '' || $contact_desc == '') {     echo "empty";     die(); } echo $contact_name.'<br><br>'; echo $contact_email.'<br><br>'; echo $contact_tel.'<br><br>'; echo $contact_subject.'<br><br>'; echo $contact_desc.'<br><br>'; 

i cant find out why have click button 2 times, have tried trial , error, read forum answers. tried serialize form outsite submit function, cant behave way want. appreciated.

oh, worth mention. actual response fields empty (php validation) first time click, second time works should.

make ajax call using regular input button instead of submit button.

$("#button").click(function () { ... ajax ... }


Comments

Popular posts from this blog

c++ - CryptStringToBinary API behavior -

java.util.scanner - How to read and add only numbers to array from a text file -

iphone - Three second countdown in cocos2d -