jquery - 使用 SimpleCart 进行 jQuery 验证

Question

我正在使用 SimpleCart 并且需要一种方法来验证用户输入的数据。我不能使用默认按钮，因为简单的购物车需要使用它自己的类。我知道有办法，但我似乎无法让它发挥作用或找到答案。我基本上需要为点击处理程序分配某种验证。这是我的 SimpleCart 代码

simpleCart({

    cartColumns: [
    { attr: "name", label: "Item"},
    { view: "decrement", label: false},
    { attr: "quantity", label: "Quantity"},
    { view: "increment", label: false},
    { view: "remove", text: "Remove", label: false}
    ],

    cartStyle: "table",

    checkout: {
    type: "SendForm" ,
    url: "orders.php",
    extra_data: {
    first_name: "document.getElementById('first-name').value()",
    last_name:  "document.getElementById('last-name').value()",
    email: "document.getElementById('email').value()",
    phone: "document.getElementById('phone').value()"
    }
    }
    });

    simpleCart.bind( 'beforeCheckout' , function( data ){
    data.first_name = document.getElementById("first-name").value;
    data.last_name = document.getElementById("last-name").value;
    data.email = document.getElementById("email").value;
    data.phone = document.getElementById("phone").value;
    });

这是我用于验证的 jQuery

$(document).ready(function() {
    $("#form").validate({  // initialize plugin on the form
    rules: {
    firstName: "required",
    lastName: "required",
    phone: "required",
    email: {
    required: true,
    email: true,
    },
    }
    });

这是提交数据的代码——不是通常的输入提交

<a href="javascript:;" class="simpleCart_checkout submit">Submit Order</a>

Answer 1

你可以试试这个：

$('a[class=simpleCart_checkout]').on('click',function(e)
{
  if(!jquery.validate())
e.preventDefault();
});