2015-04-09 3 views
0

Я хочу, чтобы форма была отправлена, поэтому я попытался под кодом, который обычно работает. Но когда я использовал 2checkout js (https://www.2checkout.com/static/checkout/javascript/direct.js), он не работает.Подтвердить форму перед отправкой в ​​2checkout

<form onSubmit="validate(); return false;" method='post'> 

Вот JS скрипку http://jsfiddle.net/0a0th3fy/1/

И ниже приведен пример кода

<form onSubmit="validate(); return false;" action='https://www.2checkout.com/checkout/purchase' method='post'> 
    <input type='hidden' name='sid' value='1303908' /> 
    <input type='hidden' name='mode' value='2CO' /> 
    <input type='hidden' name='li_0_type' value='product' /> 
    <input type='hidden' name='li_0_name' value='invoice123' /> 
    <input type='hidden' name='li_0_price' value='25.99' /> 
    <input id="fullname" name='card_holder_name' value='' /> 
    <input type='hidden' name='street_address' value='123 Test Address' /> 
    <input type='hidden' name='street_address2' value='Suite 200' /> 
    <input type='hidden' name='city' value='Columbus' /> 
    <input type='hidden' name='state' value='OH' /> 
    <input type='hidden' name='zip' value='43228' /> 
    <input type='hidden' name='country' value='USA' /> 
    <input type='hidden' name='email' value='[email protected]' /> 
    <input type='hidden' name='phone' value='614-921-2450' /> 
    <input name='submit' type='submit' value='Checkout' /> 
</form> 

и Javascript

function validate(){ 
    alert("validating"); 
    if($("#fullname").val()==""){ 
     alert("enter name"); 
     return false; 
    } 
    else { 
     return true; 
    }  
} 

ответ

2

Почему бы вам не использовать jQuery «s formSubmit event?

Попробуйте это:

$("form").submit(function (event) { 
    alert("validating"); 
    if ($("#fullname").val() == "") { 
     alert("enter name"); 
     $("#tco_lightbox").hide(); 
     event.preventDefault(); 
    } else { 
     return true; 
    } 

}); 

Узнайте больше о event.preventDefault()

+0

Я попробовал его, он не работает ..check http://jsfiddle.net/0a0th3fy/9/, ..first оставить вход пустым и submit..then попробуйте набрать снова в поле ввода ... его ударил – Vishnu

+0

Это что-то 'tco_lightbox', перекрывающееся по всему экрану, исходит ли оно из' direct.min.js'? –

+0

Да, я думаю. Его js предоставлен 2checkout.com .. – Vishnu

0

Я попробовал ваш код, и это сработало. Вы уверены, что используете jquery?

 
 
    function validate(){ 
 
    alert("validating"); 
 
    if($("#fullname").val()==""){ 
 
     alert("enter name"); 
 
     return false; 
 
    } 
 
    else { 
 
     return true; 
 
    }  
 
}
I tried your code, and it's worked. 
 
Are you sure you include jquery? 
 

 
<!DOCTYPE html> 
 
<html> 
 
<body> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 

 
<p>When you submit the form, a function is triggered which alerts some text.</p> 
 

 
<form onSubmit="validate(); return false;" action='' method='post'> 
 
    <input type='hidden' name='sid' value='1303908' /> 
 
    <input type='hidden' name='mode' value='2CO' /> 
 
    <input type='hidden' name='li_0_type' value='product' /> 
 
    <input type='hidden' name='li_0_name' value='invoice123' /> 
 
    <input type='hidden' name='li_0_price' value='25.99' /> 
 
    <input id="fullname" name='card_holder_name' value='' /> 
 
    <input type='hidden' name='street_address' value='123 Test Address' /> 
 
    <input type='hidden' name='street_address2' value='Suite 200' /> 
 
    <input type='hidden' name='city' value='Columbus' /> 
 
    <input type='hidden' name='state' value='OH' /> 
 
    <input type='hidden' name='zip' value='43228' /> 
 
    <input type='hidden' name='country' value='USA' /> 
 
    <input type='hidden' name='email' value='[email protected]' /> 
 
    <input type='hidden' name='phone' value='614-921-2450' /> 
 
    <input name='submit' type='submit' value='Checkout' /> 
 
</form> 
 

 

 
</body> 
 
</html>

+0

Попробуйте в jsfiddle, stackoverlflow не открывайте и не отправляйте форму – Vishnu

 Смежные вопросы

  • Нет связанных вопросов^_^