使用SimpleCart进行jQuery验证

Question

我正在使用SimpleCart，需要一种方法来验证用户输入的数据。我不能使用默认按钮，因为简单的购物车需要使用自己的类。我知道有一种方法，但我似乎不能让它工作或找到答案。基本上，我需要给一个click处理程序分配某种验证。下面是我的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();
});