2017-10-04 47 views
0

我想将我自己的简单数字验证码添加到我的mailchimp表单中。我有一个函数用于检查表单字段未填写时可用的验证码。Javascript - 防止验证码提醒确定按钮触发以邮寄提交形式

如果字段输入正确并且您单击提交,则验证码弹出警报将会触发,但应该一次,但是一旦您单击确定,表单就会提交,而不必输入正确的数字。

如何防止OK提示按钮触发提交按钮?

这里是图形验证码:

<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> 

是否有可能得到它的工作?

谢谢

回答

0

你也可以改变HTML代码吗?

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

+0

有趣。我将它设置为'type ='image''来使用提交按钮图像。如果我将其更改为'type ='button'',则会禁用验证码框,'type ='submit''与'image'具有相同的效果 - OK将激活该按钮。 – Charles