我正在使用Stripe 支付系统接受带有 jQuery 验证器的信用卡，用于所有带有ajax.
这适用于条纹和 ajax，但验证不起作用。
这是process.php https://gist.github.com/1750375
$(document).ready(function() {
var payBtn = $('#paymentBtn').click(function(){
Stripe.createToken({
number: $('.card_number').val(),
cvc: $('.card_cvc').val(),
exp_month: $('.card_expiry_month').val(),
exp_year: $('.card_expiry_year').val()
},
function(status, response) {
if (response.error) {
payBtn.removeAttr("disabled");
$(".payment_errors").html(response.error.message);
addInputNames();
} else {
var token = response['id'];
//$("#stripeToken").val(token);
var amount = $("#formAmount").val();
$.post( 'process.php', {amount:amount, stripeToken:token},function(data){
$('#recDiv').html(data);
});
}
});
return false;
});
// THIS SECTION BELOW DOES NOT GET CALLED
jQuery.validator.addMethod("cardNumber", Stripe.validateCardNumber, "*");
jQuery.validator.addMethod("cardCVC", Stripe.validateCVC, "*");
jQuery.validator.addMethod("cardExpiry", function() {
return Stripe.validateExpiry($(".card_expiry_month").val(),
$(".card_expiry_year").val())
}, "*");
$("#payment_form").validate({
submitHandler: submit,// this does nothing
rules: {
"card_cvc" : {
cardCVC: true,
required: true
},
"card_number" : {
cardNumber: true,
required: true
},
"card_expiry_year" : "cardExpiry"
}
});
});
这适用于验证，但随后条带不起作用，因为现在我已将.post函数（缺少第一个示例中的所有先前变量）放入 thissubmitHandler中。
$("#payment_form").validate({
submitHandler: function(form) {
$.ajax({
type: 'POST',
url: 'process.php',
data: $(this).serialize(),
success: function(returnedData) {
$('#recDiv').append(returnedData);//nothing happens because stripe doesnt work
}
});
return false;
},
rules: {
"card_cvc" : {
cardCVC: true,
required: true
},
"card_number" : {
cardNumber: true,
required: true
},
"card_expiry_year" : "cardExpiry"
}
});
问题： 如何从上面的第一个示例中进行验证？