Your question, your audience. Choose who sees your identity—and your question—with question security.
<script type='text/javascript'>
$(document).ready(function(){
$("#cc-form").validate({
rules: {
cbAgree: "required",
cardtype: "required",
ccnum: {
required: true,
creditcard: true
},
ccexp: {
required: true,
minlength:4 ,
digits: true
},
cvv: {
required: true,
minlength:3,
digits: true
}
},
messages: {
cbAgree: "Terms and Conditions must be read before submitting your donation.",
cardtype: "You must select a credit card type.",
cvv: {
required: "Please enter the CVV code.",
minlength: "CVV must include three numbers.",
digits: "You must enter numbers."
},
ccexp: {
required: "Please enter the CVV code.",
minlength: "Credit card expiration must include four numbers.",
digits: "You must enter numbers."
}
}
});
});
</script>
<script type="text/javascript">
function showWait() {
centerPopup();
loadPopup();
document.forms['cc-form'].submit();
}
</script>
<input class='pill-button' type='submit' name="DB" value='Start' onclick="showWait()"/>
<script type="text/javascript">
function showWait() {
//First display progress bar
DisplayProgressBar();
//Validate form controls
ValidateForm();
}
function DisplayProgressBar(){
centerPopup();
loadPopup();
document.forms['cc-form'].submit();
}
function ValidateForm(){
$("#cc-form").validate({
rules: {
cbAgree: "required",
cardtype: "required",
ccnum: {
required: true,
creditcard: true
},
ccexp: {
required: true,
minlength:4 ,
digits: true
},
cvv: {
required: true,
minlength:3,
digits: true
}
},
messages: {
cbAgree: "Terms and Conditions must be read before submitting your donation.",
cardtype: "You must select a credit card type.",
cvv: {
required: "Please enter the CVV code.",
minlength: "CVV must include three numbers.",
digits: "You must enter numbers."
},
ccexp: {
required: "Please enter the CVV code.",
minlength: "Credit card expiration must include four numbers.",
digits: "You must enter numbers."
}
}
});
}
</script>
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
return true;
from function like:
function showWait()
{
centerPopup();
loadPopup();
document.forms['cc-form'].
return true;
}
and modify calling like:
<input class='pill-button' type='submit' name="DB" value='Start' onclick="return showWait()"/>