Javascript - 防止验证码提醒确定按钮触发以邮寄提交形式
问题描述:
我想将我自己的简单数字验证码添加到我的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>
是否有可能得到它的工作?
谢谢
答
你也可以改变HTML代码吗?
您应该将按钮的HTML属性更改为type=button
而不是type=submit
,这将阻止点击时自动提交表单。
有趣。我将它设置为'type ='image''来使用提交按钮图像。如果我将其更改为'type ='button'',则会禁用验证码框,'type ='submit''与'image'具有相同的效果 - OK将激活该按钮。 – Charles