Php 联系方式7:是否有';确认电子邮件';输入类型?
我正在使用联系人表单7 Wordpress插件向网站添加联系人表单。表单需要为用户的电子邮件地址设置第二个字段,该字段与第一个字段的内容进行比较,以捕获任何打字错误。这是联系和登记表中非常常见的元素 是否有联系人表单7标签可用于实现此类功能?如果没有,任何修改插件的人都可以为我指出解决方案的方向吗?请查看以下内容: 据他们说: 联系人表单7的检查邮件验证将双重检查电子邮件字段添加到表单中,并验证电子邮件是否与CF7 Ajax验证匹配。 双重电子邮件检查 此插件在联系人表单7中添加了一个名为“Checkmail”的新字段,允许在提交表单时进行双重电子邮件检查。新字段将要求用户通过在第二个字段中键入来确认他们的电子邮件Php 联系方式7:是否有';确认电子邮件';输入类型?,php,wordpress,contact-form-7,Php,Wordpress,Contact Form 7,我正在使用联系人表单7 Wordpress插件向网站添加联系人表单。表单需要为用户的电子邮件地址设置第二个字段,该字段与第一个字段的内容进行比较,以捕获任何打字错误。这是联系和登记表中非常常见的元素 是否有联系人表单7标签可用于实现此类功能?如果没有,任何修改插件的人都可以为我指出解决方案的方向吗?请查看以下内容: 据他们说: 联系人表单7的检查邮件验证将双重检查电子邮件字段添加到表单中,并验证电子邮件是否与CF7 Ajax验证匹配。 双重电子邮件检查 此插件在联系人表单7中添加了一个名为“Ch
如果要在表单中执行此操作,只需将“Checkmail”字段添加到CF7表单中,然后输入要检查的电子邮件字段名称。验证由CF7 Ajax支持的风格完成:提交表单时,CF7将进行双重电子邮件检查,如果不匹配,则返回错误并要求用户验证电子邮件地址。我正是通过这种方式搜索的,并以其他方式为我工作。 在联系人表单-7字段中填写如下两个字段
[email* email placeholder "Email"]
[email* email-confirm placeholder "Confirm Email"]
将下面的php代码复制/粘贴到functions.php文件中
function register_scripts() {
if ( !is_admin() ) {
// include your script
wp_enqueue_script( 'email-confirm', get_bloginfo( 'template_url' ) . '/js/email-confirm.js' );
}
}
add_action( 'wp_enqueue_scripts', 'register_scripts' );
确保更改文件路径以匹配并将包含以下代码的js文件上载到该路径目录中
// First we trigger the form submit event
jQuery( document ).ready( function () {
jQuery('.wpcf7-submit').click(function () {
// We remove the error to avoid duplicate errors
jQuery('.error').remove();
// We create a variable to store our error message
var errorMsg = jQuery('<span class="error">Your emails do not match.</span>');
// Then we check our values to see if they match
// If they do not match we display the error and we do not allow form to submit
if (jQuery('.email').find('input').val() !== jQuery('.email-confirm').find('input').val()) {
errorMsg.insertAfter(jQuery('.email-confirm').find('input'));
return false;
} else {
// If they do match we remove the error and we submit the form
jQuery('.error').remove();
return true;
}
});
} );
//首先触发表单提交事件
jQuery(文档).ready(函数(){
jQuery('.wpcf7 submit')。单击(函数(){
//我们删除错误以避免重复错误
jQuery('.error').remove();
//我们创建一个变量来存储错误消息
var errorMsg=jQuery('您的电子邮件不匹配');
//然后我们检查我们的值,看它们是否匹配
//如果它们不匹配,我们将显示错误,并且不允许提交表单
if(jQuery('.email').find('input').val()!==jQuery('.email confirm').find('input').val()){
errorMsg.insertAfter(jQuery('.email-confirm').find('input'));
返回false;
}否则{
//如果它们确实匹配,我们将删除错误并提交表单
jQuery('.error').remove();
返回true;
}
});
} );
我在我的网站上使用过它,效果很好。希望这能帮助像我这样的人
参考:该插件现在有一个关于以下内容的官方教程:
尝试添加两个电子邮件输入,然后在页脚上写一张小纸条,检查它们是否相同。$(function(){$('#第二封电子邮件输入').live('keyup',function(){if($('#第二封电子邮件输入').val()!=$('first-email-input').val(){/*在这里做点什么,更改第二封电子邮件输入的类并将其设为红色或禁用提交按钮*/}否则{/*准备就绪*/}});