jquery event.preventdefault问题
我的jquery event.preventdefault问题,jquery,Jquery,我的事件.preventdefault不起作用。实际上,我想当用户单击add按钮时,如果所有字段都为空,它会要求“首先输入字段” 为此,我使用这样的标志来防止在所有字段都为空时保存数据,如下所示:(当我单击按钮时,它会显示“输入字段”,然后它会转到ajax函数,即使我应用了event.preventdefault();我也不知道我到底错在哪里) 提前感谢, 这是我的代码: <tr> <td> <button type="bu
事件.preventdefault
不起作用。实际上,我想当用户单击add按钮时,如果所有字段都为空,它会要求“首先输入字段”
为此,我使用这样的标志来防止在所有字段都为空时保存数据,如下所示:(当我单击按钮时,它会显示“输入字段”,然后它会转到ajax函数,即使我应用了event.preventdefault();
我也不知道我到底错在哪里)
提前感谢,
这是我的代码:
<tr>
<td>
<button type="button" name="add"> //this is my add button
Add
</button>
</td>
</tr>
$("#tabs").tabs();
$("button").button();
$("button").click(function(event){
var flagg=0;
if( $("#patient_name").val() == "" )
{
flagg=1;
}
if(flagg == 1)
{
alert("enter the patient name!!");
event.preventDefault();
}
form_name = $(this).parents("form").attr('name');
var params = $("#" + form_name).serialize();
params=params.replace(/&/g,'~^~^^');
table_name = "patient_info";
button_name = "temp";
$.ajax({
type: "POST",
url: "ajax1.php",
data: "params=" + params + "&button_name=" + button_name,
success: function(msg){
//alert(msg);
if (msg == "true")
{
alert("Patient data sucessfully saved!");
window.location.replace("ivf2.php?id=" + $("#id").val());
}
else
{
//alert("Failed to save, please check and try again!");
}
}
});
});
//这是我的添加按钮
添加
$(“#制表符”).tabs();
$(“按钮”).button();
$(“按钮”)。单击(函数(事件){
var-flagg=0;
如果($(“#患者名称”).val()=”)
{
flagg=1;
}
if(flagg==1)
{
警报(“输入患者姓名!!”;
event.preventDefault();
}
form_name=$(this).parents(“form”).attr(“name”);
var params=$(“#”+形式_名称).serialize();
params=params.replace(/&/g,~^^^');
表_name=“患者信息”;
按钮_name=“temp”;
$.ajax({
类型:“POST”,
url:“ajax1.php”,
数据:“params=“+params+”&button_name=“+button_name,
成功:功能(msg){
//警报(msg);
如果(消息==“真”)
{
警报(“患者数据成功保存!”);
replace(“ivf2.php?id=“+$(“#id”).val());
}
其他的
{
//警报(“保存失败,请检查并重试!”);
}
}
});
});
如果(flagg==1)您正在调用event.preventDefault(),但随后您将继续使用ajax帖子。此时,您希望通过return返回单击处理程序中的code>,这样它就不会继续提交表单。事件。preventDefault
只会停止任何其他附加事件的运行(例如,onclick
或href
)。它不会使您自己的javascript代码停止
这样做:
if(flagg == 1)
{
alert("enter the patient name!!");
event.preventDefault();
return;
}