在 iPhone 上验证 PayPal 表单

Question

Paypal 添加到购物车按钮表单忽略“return false”并提交。该脚本适用于桌面浏览器，但不适用于我的 iPhone。输入变为红色，但表单仍然提交。可以在membership form进行测试

$('input[name="submit"]').click(function() {
$(':input').each(function(input) {
    if($(this).attr('required')) {
        var required = $(this);
        if(required.attr('pattern')) {
            var patt =  new RegExp(required.attr('pattern'),"i");
            if( !patt.test( required.val() ) ) {
                required.css('background-color','#f2dede');
                return false;
            }
        }
        else {
            if(required.val() == '') {
                required.css('background-color','#f2dede');
                return false;
            }
        }
    }
});

Answer 1

通过在事件的函数（e）中放置一个“e”，然后使用 e.preventDefault() 我能够阻止表单提交。

$('input[name="submit"]').click(function(e) {
$(':input').each(function(input) {
    if($(this).attr('required')) {
        var required = $(this);
        if(required.attr('pattern')) {
            required.css('background-color','inherit');
            var patt =  new RegExp(required.attr('pattern'),"i");
            if( !patt.test( required.val() ) ) {
                required.css('background-color','#f2dede');
                e.preventDefault();
                window.scroll(0,144);
            }
        }
        else {
            if(required.val() == '' || required.val() == null) {
                required.css('background-color','#f2dede');
                e.preventDefault();
                window.scroll(0,144);
            }
        }
    }
});