0

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

1 に答える 1

0

これを試すことができます：

$('a[class=simpleCart_checkout]').on('click',function(e)
{
  if(!jquery.validate())
e.preventDefault();
});
于 2015-11-12T18:19:28.483 に答える