Простая форма проверки

Question

POST # 1

Как я могу проверить эту простую форму (проверяя наличие пустых строк)?

   <p>Please select your Gift Certificate amount below. Please also enter your name and the Gift Certificate recipient's name. Once you click 'Buy Now' you will be sent to our Paypal site to complete the purchase.</p> 

        <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> 
     <input type="hidden" name="cmd" value="_s-xclick"> 
     <input type="hidden" name="hosted_button_id" value="sdsafsdafsadfdsafsdafsadfsadfsadfasdfsadfsdaf"> 
     <table width="100%"> 
     <tr> 
      <td width="130"><input type="hidden" name="on0" value="Amount"><p>Amount</p></td> 
      <td><select name="os0"> 
      <option value="Option 1">$20.00</option> 
      <option value="Option 2">$50.00</option> 
      <option value="Option 3">$100.00</option> 
      </select></td> 
     </tr> 
     <tr> 
      <td><input type="hidden" name="on1" value="To:"><p>To (Full Name):</p></td> 
      <td><input type="text" name="os1" maxlength="60" size="30"></td> 
     </tr> 
     <tr> 
      <td><input type="hidden" name="on2" value="From:"><p>From (Full Name):</p></td> 
      <td><input type="text" name="os2" maxlength="60" size="30"></td> 
     </tr> 
     </table> 

     <table width="100%" style="margin-top: 10px;"> 
      <tr> 
       <td><input type="hidden" name="currency_code" value="CAD"> 
     <p><input type="image" src="BUTTON.jpg" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"></p> 
     <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></td> 
       <td align="right"><img src="../paypal_logo.jpg" alt="PayPal" /></td> 
      </tr> 
     </table> 
     </form> 

ПОСТ # 2

функция validate_form() { действует = TRUE;

if (document.GiftForm.os1.value == "") 
    { 
     alert ("Please fill in the 'Your Name' box."); 
     valid = false; 
    } 
    return valid; 
} 

- = - = - = - = Форма

 <form action="https://www.paypal.com/cgi-bin/webscr" method="post" method="GiftForm" onsubmit="validate_form()"> 
     <input type="hidden" name="cmd" value="_s-xclick"> 
     <input type="hidden" name="hosted_button_id" value="sdsafsdafsadfdsafsdafsadfsadfsadfasdfsadfsdaf"> 
     <table width="100%"> 
     <tr> 
      <td width="130"><input type="hidden" name="on0" value="Amount"><p>Amount</p></td> 
      <td><select name="os0"> 
      <option value="Option 1">$20.00</option> 
      <option value="Option 2">$50.00</option> 
      <option value="Option 3">$100.00</option> 
      </select></td> 
     </tr> 
     <tr> 
      <td><input type="hidden" name="on1" value="To:"><p>To (Full Name):</p></td> 
      <td><input type="text" name="os1" maxlength="60" size="30"></td> 
     </tr> 
     <tr> 
      <td><input type="hidden" name="on2" value="From:"><p>From (Full Name):</p></td> 
      <td><input type="text" name="os2" maxlength="60" size="30"></td> 
     </tr> 
     </table> 

     <table width="100%" style="margin-top: 10px;"> 
      <tr> 
       <td><input type="hidden" name="currency_code" value="CAD"> 
     <p><input type="image" src="BUTTON.jpg" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"></p> 
     <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></td> 
       <td align="right"><img src="../paypal_logo.jpg" alt="PayPal" /></td> 
      </tr> 
     </table> 
     </form> 

Answer 1

Является ли JQuery вариант? Там действительно хороший инструмент для проверки http://docs.jquery.com/Plugins/Validation

Answer 2

Дайте вашей форме имя (GiftForm)

<script type="text/javascript"> 
    function validate_form () 
    { 
     valid = true; 

     if (document.GiftForm.os1.value == "") 
     { 
      alert ("Please fill in the 'Your Name' box."); 
      valid = false; 
     } 

     return valid; 
    } 
</script> 

Answer 3

Пара советов, которые должны получить вы собираетесь.

Добавить представить обработчик события:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" onsubmit="return validate()"> 

Дайте идентификаторы в поле ввода вы хотите получить.

<input id="currency_code" type="hidden" name="currency_code" value="CAD"> 

Написать код подтверждения, return false, если вы не хотите, чтобы представить.

Answer 4

Вот простой учебник вместе с демонстрацией и исходным кодом, я надеюсь, что это сработает для вас, всего наилучшего! http://gonga.in/simple-javascript-form-validation/