使用colorbox.js中的ajax提交表单

时间:2014-09-22 10:20:14

标签: php jquery ajax

我正在使用colorbox.js弹出窗口中的表单。我想使用ajax提交数据,但它不起作用。

这是我点击以显示弹出式colorbox.js窗口的链接:

<a href="demande-emploi.php" class="ajax cboxElement" title="Demande d'emploi">Demanded'emploi</a>

这里是(demande-emploi.php)文件的内容:

&#13;
&#13;
<div style="height:450px; width:580px; padding:30px 10px; margin: 0 auto;">	
     
    <div id="message"></div>

	<form action="" method="POST">
 		<div class="clearfix">										
			<div class="input">
				<label class="labels"> Poste à offrir:</label>
				<input type="text" id="poste_to_offre">
			</div>
		</div>					
		<div class="clearfix">										
          <div class="input">
              <label class="labels"> A propos:</label>
                  <textarea rows="9" id="apropos" class="textareas"></textarea>
          </div>
		</div>
			
		<div class="input">
			<label class="labels">Ville:</label>
			<input type="text" name="ville">
		</div>					
		<div class="clearfix">										
			<div class="input">
				<label class="labels">Tél/GSM:</label>
				<input type="text" id="tel">
			</div>
		</div>	
				
		<div class="clearfix">										
			<div class="input">
				<label class="labels"> Adresse:</label>
				<textarea rows="3" id="address" class="textareas"></textarea>
			</div>
		</div>				
		<br>
		<button type="submit" class="wpb_btn-small" id="send">Envoyer</button>
	</form>	
</div>
&#13;
&#13;
&#13;

在这里,我只想测试ID = send的回调是否会响应,但它不起作用。

<script>
    $(document).ready(function(){

        $("#send").on('click',function(e){
            e.preventDefault();    
            $("#message").html("Blah Blah Blah......");
        });
    });
</script>

0 个答案:

没有答案