jizhicms ajax留言表单提交

曹え 5811 发布于:2023-09-07 07:43:58

简单

表单html

<form action ="{fun U('message/index')}" method="post" id="myForm">
<input name="tid" value="{$type['id']}" type="hidden">
<input name="title" value="前台留言" type="hidden">
<input name="user" value="匿名" type="hidden">
<table border="0" align="center" cellpadding="0" cellspacing="0" style="margin:0px auto;">
<tbody style="font-size:18px;">
<tr>
<td colspan="2" height="35"></td>
</tr>
<tr>
<td height="45" align="right" width="80">公司:</td>
<td height="45"><input type="hidden" name="content" ><input type="text" style="width: 260px;height: 35px;padding: 0 10px; line-height: 35px;padding: 0 10px; border: 1px solid #ddd" class="normal" placeholder="输入您的公司" required="" name="gongsi">&nbsp;<label style="color:#ff6600;">*</label></td>
</tr>
<tr>
<td height="45" align="right">邮箱:</td>
<td height="45"><input type="text" class="normal" required="" style="width: 260px;height: 35px;padding: 0 10px; line-height: 35px;padding: 0 10px; border: 1px solid #ddd" minlength="11" maxlength="11" placeholder="输入您的邮箱"  name="youxiang">&nbsp;<label style="color:#ff6600;">*</label></td>
</tr>
<tr> 
<td height="45" align="right">电话:</td>
<td height="45"><input type="text" class="normal" style="width: 260px;height: 35px;padding: 0 10px; line-height: 35px;padding: 0 10px; border: 1px solid #ddd" placeholder="输入您的电话"  name="dianhua">&nbsp;<label style="color:#ff6600;">*</label></td>
</tr>
<tr>
<td height="35" align="right"></td>
<td height="35" align="left"><input type="button" class="input subww subm" value="提交" style="background: #00d3a4;color: #fff;width: 120px;height: 40px;text-align: center;border-radius: 4px;line-height: 40px;border:none;font-size: 15px;margin-top: 30px"></td>
</tr>
<tr>
<td colspan="2" height="15"></td>
</tr>
</tbody>
</table>
</form>


js 提交

<script>
$('.subm').click(function(){
var form = document.getElementById('myForm');
var formData = new FormData(form);

var json = {};

// 遍历 FormData 对象
for (var pair of formData.entries()) {
json[pair[0]] = pair[1];
}

//var jsonString = JSON.stringify(json);
console.log(json);



if(!json['gongsi']){
alert('请填写公司名称')
return
}


// 手机号验证正则表达式
var phoneRegex = /^1[0-9]{10}$/;
// 邮箱验证正则表达式
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

// 获取表单输入值
var phoneValue = json['dianhua'];
var emailValue = json['youxiang'];
if (!emailRegex.test(emailValue)) {
// 邮箱格式不正确
alert('请输入正确的邮箱地址');
return;
}
// 进行验证
if (!phoneRegex.test(phoneValue)) {
// 手机号格式不正确
alert('请输入正确的手机号码');
return;
}


$.post('/message/index',{title:json['title'],user:json['user'],youxiang:json['youxiang'],dianhua:json['dianhua'],gongsi:json['gongsi'],ajax:1},function(res){
if(res.code==0){
alert('提交成功!');
}else{
alert(res.msg);//弹出错误提示
}
},'json')

})
</script>


觉得有用请点个赞吧!
0 158