如何解决如何删除表单的Ajax部分
我从引导网站上获得了一个模板,并试图对其进行自定义。 在联系页面上,我没有得到“提交操作” PHP文件,因为该文件仅适用于付费版本。
因此,我通过自定义相同的表单将其与Google表单链接。 现在,正在提交表单,并且能够收集详细信息,但是在提交过程中,表单在同一页面中显示为错误消息。
如果我删除表单中的属性 class =“ PHP-email-form” ,则ajax部分消失了,并且我能够提交表单,并且在打开表单时没有错误消息谷歌表单提交成功页面。 但是所有的停留和表单验证也都丢失了。我也没有在此类的js文件中找到任何链接。
中的免费版本当我检查时,以下是负责此操作的validate.js。 但是,我想保留所有验证,但表单提交应该打开目标页面而不是在此处显示状态。如果可能,请显示同一页面,但带有Google表单的成功消息。
/**
* PHP Email Form Validation - v2.0
* URL: https://bootstrapmade.com/PHP-email-form/
* Author: BootstrapMade.com
*/
!(function($) {
"use strict";
$('form.PHP-email-form').submit(function(e) {
e.preventDefault();
var f = $(this).find('.form-group'),ferror = false,emailExp = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i;
f.children('input').each(function() { // run all inputs
var i = $(this); // current input
var rule = i.attr('data-rule');
if (rule !== undefined) {
var ierror = false; // error flag for current input
var pos = rule.indexOf(':',0);
if (pos >= 0) {
var exp = rule.substr(pos + 1,rule.length);
rule = rule.substr(0,pos);
} else {
rule = rule.substr(pos + 1,rule.length);
}
switch (rule) {
case 'required':
if (i.val() === '') {
ferror = ierror = true;
}
break;
case 'minlen':
if (i.val().length < parseInt(exp)) {
ferror = ierror = true;
}
break;
case 'email':
if (!emailExp.test(i.val())) {
ferror = ierror = true;
}
break;
case 'checked':
if (! i.is(':checked')) {
ferror = ierror = true;
}
break;
case 'regexp':
exp = new RegExp(exp);
if (!exp.test(i.val())) {
ferror = ierror = true;
}
break;
}
i.next('.validate').html((ierror ? (i.attr('data-msg') !== undefined ? i.attr('data-msg') : 'wrong Input') : '')).show('blind');
}
});
f.children('textarea').each(function() { // run all inputs
var i = $(this); // current input
var rule = i.attr('data-rule');
if (rule !== undefined) {
var ierror = false; // error flag for current input
var pos = rule.indexOf(':',rule.length);
}
switch (rule) {
case 'required':
if (i.val() === '') {
ferror = ierror = true;
}
break;
case 'minlen':
if (i.val().length < parseInt(exp)) {
ferror = ierror = true;
}
break;
}
i.next('.validate').html((ierror ? (i.attr('data-msg') != undefined ? i.attr('data-msg') : 'wrong Input') : '')).show('blind');
}
});
if (ferror) return false;
var this_form = $(this);
var action = $(this).attr('action');
if( ! action ) {
this_form.find('.loading').slideUp();
this_form.find('.error-message').slideDown().html('The form action property is not set!');
return false;
}
this_form.find('.sent-message').slideUp();
this_form.find('.error-message').slideUp();
this_form.find('.loading').slideDown();
if ( $(this).data('recaptcha-site-key') ) {
var recaptcha_site_key = $(this).data('recaptcha-site-key');
grecaptcha.ready(function() {
grecaptcha.execute(recaptcha_site_key,{action: 'PHP_email_form_submit'}).then(function(token) {
PHP_email_form_submit(this_form,action,this_form.serialize() + '&recaptcha-response=' + token);
});
});
} else {
PHP_email_form_submit(this_form,this_form.serialize());
}
return true;
});
function PHP_email_form_submit(this_form,data) {
$.ajax({
type: "POST",url: action,data: data,timeout: 40000
}).done( function(msg){
if (msg == 'OK') {
this_form.find('.loading').slideUp();
this_form.find('.sent-message').slideDown();
this_form.find("input:not(input[type=submit]),textarea").val('');
} else {
this_form.find('.loading').slideUp();
if(!msg) {
msg = 'Form submission Failed and no error message returned from: ' + action + '<br>';
}
this_form.find('.error-message').slideDown().html(msg);
}
}).fail( function(data){
console.log(data);
var error_msg = "Form submission Failed!<br>";
if(data.statusText || data.status) {
error_msg += 'Status:';
if(data.statusText) {
error_msg += ' ' + data.statusText;
}
if(data.status) {
error_msg += ' ' + data.status;
}
error_msg += '<br>';
}
if(data.responseText) {
error_msg += data.responseText;
}
this_form.find('.loading').slideUp();
this_form.find('.error-message').slideDown().html(error_msg);
});
}
})(jQuery);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。