更改jquery POST表单的submit方法

时间:2013-09-27 10:04:18

标签: jquery

我有2个jquery代码。我怎么能把它放在一起呢。

例如

如果选中复选框,请使用

<script>

$(document).ready(LoadMe);
 function LoadMe()
{
$('#msg_text').bind('keypress', function(e){
   var code = e.keyCode ? e.keyCode : e.which;
   if(code == 13 && !e.shiftKey) // Enter key is pressed     
   {
     var msg = $("#msg_text").val();
var ontvanger = $("#ontvanger").val();
if ( $.trim( $('#msg_text').val() ) == '')
{

}
else
{
 $("#send_msg").hide();
 $("#dis_sub").show();
$.ajax({
type: "POST",
   url: "post_message.php",
data: { msg: msg, ontvanger: ontvanger},
cache: false,
success: function(html){

$("#msg_text").val('');
$("#content").prepend(html);
$("#dis_sub").hide();
$("#send_msg").show();
}
});
 }return false; 
   }
});

}    

否则使用

<script type="text/javascript"> 
$(function() {
$("#send_msg").click(function() 
{
 var msg = $("#msg_text").val();
var ontvanger = $("#ontvanger").val();
if ( $.trim( $('#msg_text').val() ) == '')
{

}
else
{
$("#send_msg").hide();
$("#dis_sub").show();
$.ajax({
type: "POST",
url: "post_message.php",
data: { msg: msg, ontvanger: ontvanger},
cache: false,
success: function(html){

$("#msg_text").val('');
$("#content").prepend(html);
$("#dis_sub").hide();
$("#send_msg").show();
}
});
}return false;
}); });
</script>

如果选中复选框,我想使用回车键提交表单,否则请单击按钮提交表单

3 个答案:

答案 0 :(得分:0)

将提交代码放在函数submit_form()中。然后使用此函数绑定事件。在提交之前检查复选框状态。

$('#msg_text').bind('keypress', function(e){
   var code = e.keyCode ? e.keyCode : e.which;
   if(code == 13 && !e.shiftKey && checkbox.checked) submit_form();
});

$("#send_msg").click(function () {
    if (!checkbox.checked) submit_form();
});

答案 1 :(得分:0)

function LoadMe(){

    $('#msg_text').bind('keypress', function(e){
       do keypress stuff . .  .
    }else{
       do normal submit stuff . . .
    }

}

如果按下该键,将运行'keypress'代码,否则将运行'other'代码。

答案 2 :(得分:0)

添加if条件以检查是否选中了复选框。您可以使用jQuery is()函数进行适当的选择,例如:is('#id_of_the_chekbox:cheked'),使用css伪选择器:选中然后在真假条件下调用函数。