08
07月
2020
<form id="form">
<input type="text" name="name" placeholder="姓名"><br>
<input type="text" name="phone" placeholder="手机号"><br>
<input type="text" name="content" placeholder="内容"><br>
<input type="hidden" name="u_id" value="{$userInfo['id']}">
<a href="javascript:;" onclick="leavemsg(this)" >提交表单</a>
</form>
<script>
$('.pcmenu .pcmenu_xun').eq(0).addClass('active');
var submitUrl = "{:url('/addmsg')}"; //submiturl
</script>
function leavemsg(obj) {
var form = $(obj).parents('form');
var username = form.find("input[name='name']");
if($.trim(username.val()) == ''){
showTip("请输入您的姓名！(^_^)"); username.addClass('input-danger').focus();
return false;
}
var reg = eval("/" + 'script' + "/ig");
if (reg.test($.trim(username.val())) == true) {
showTip("非法数据！");
return false;
}
var content = form.find("textarea[name='content']");
var reg2 = eval("/" + 'script' + "/ig");
if (reg2.test($.trim(content.val())) == true) {
showTip("非法数据！");
return false;
}
var tel = form.find("input[name='phone']");
var phone = $.trim(tel.val());
if(phone == '' || phone.search(/^1\d{10}$/) == -1){ //匹配手机号
showTip("请输入11位有效的手机号码！(^_^)"); tel.addClass('input-danger').focus();
return false;
}
if(submitCount == 1) return false;
submitCount = 1;
var temp = form.serializeArray();
var post = {};
$.each(temp, function() {
post[this.name] = this.value;
});
//alert(JSON.stringify(post));
//记得设置submiturl
$.post(submitUrl, post, function(res){
if(res.code){
showTip(res.msg); //留言成功提示
form.find("input[type='text']").val('');
form.find("input[name='phone']").val('');
form.find("textarea").val('');
submitCount = 0;
}else {
alert(res.msg);
}
}, 'json');
}
//提示框
document.write('<div id="errormsg" style="display: none; position: fixed;top: 0;left: 0; z-index: 9999;padding: 15px 25px; background: rgba(0, 0, 0, 0.5);color: #fff;border-radius: 3px;word-break:break-all;"></div>');
function showTip(msg) {
$("#errormsg").stop(true,true).html(msg)
var left = ($(window).width() - $('#errormsg').outerWidth())/2;
var top = ($(window).height() - $('#errormsg').outerHeight())/2;
$("#errormsg").css({'left':left, 'top': top}).fadeIn(200).delay(3500).fadeOut(200);
}