Question

我正在尝试将自己的简单数字验证码添加到我的mailchimp表单中。我有一个函数来检查验证码，如果没有填写表单字段，它将起作用。

如果字段输入正确并且您单击“提交”，则会触发验证码弹出警报，但是一旦您单击“确定”，表单就会提交，而无需输入正确的数字。

如何阻止“提示”按钮触发提交按钮？

以下是验证码：

<script type="text/javascript">
function checkForm(form) {      
     if(!form.captcha.value.match(/^\d{5}$/)) {
         alert('Please enter the CAPTCHA digits in the box provided'); 
         form.captcha.focus(); 
         return false;
       }
}
</script>

mailchimp验证在页面底部采用此格式。我尝试将它添加到checkForm函数失败，但它不能正常工作，因为它需要从src链接获得验证，而该函数在函数中不起作用。

<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>

是否有可能让它发挥作用？

由于

Answer 1

您还可以更改HTML代码吗？

您应该将按钮HTML属性更改为type=button而不是type=submit，这样会阻止点击时自动提交表单。

Javascript - 阻止验证码警报OK按钮触发mailchimp表单上的提交

1 个答案: