php form表单提交不刷新,使用AJAX表单提交将表单数据传递给PHP而不刷新页面

这段JS代码展示了如何在用户点击提交按钮时,通过jQuery进行表单验证。如果时间和日期字段为空,会显示错误信息;否则,将使用Ajax以POST方式向'post.php'发送数据,并在成功提交后显示成功消息。

JS代码

$(function() {

$(".submit").click(function() {

var time = $("#time").val();

var date = $("#date").val();

var dataString = 'time='+ time + '&date=' + date;if(time=='' || date==''){

$('.success').fadeOut(200).hide();

$('.error').fadeOut(200).show();}else{

$.ajax({

type: "POST",

url: "post.php",

data: dataString,

success: function(){

$('.success').fadeIn(200).show();

$('.error').fadeOut(200).hide();

}

});}return false;});});

HTML表单

 Please Enter Valid Data Form Submitted Success
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值