Проверка формы - Минимальное числовое значение

Question

Может ли кто-нибудь предложить мне совет по формированию валидации, которая ограничивает ввод номера ниже 5. У меня есть форма для пожертвований, просто поле ввода суммы и кнопка отправки на paypal.

Какую форму проверки я должен использовать, чтобы ограничить подачу формы, если значение суммы меньше 5 (за 5,00 фунтов стерлингов).

Форма ниже:

<form target="paypal" id="donate" action="https://www.paypal.com/cgi-bin/webscr" method="post" > 
    <div class="span6 text-center"> 
      <input type="hidden" name="cmd" value="_cart"> 
      <input type="hidden" name="business" value="SECRET-ID"> 
      <input type="hidden" name="lc" value="GB"> 
      <input type="hidden" name="item_name" value="General"> 
      <input type="hidden" name="item_number" value="GEN"> 
     <div class="input-prepend input-append"> 
      <span class="add-on">£</span> 
      <input class="span12" name="amount" value="5" placeholder="Enter Donation Amount" id="appendedPrependedInput" size="20" type="text"> 
      <input type="hidden" name="currency_code" value="GBP"> 
      <input type="hidden" name="button_subtype" value="products"> 
      <input type="hidden" name="no_note" value="0"> 
      <input type="hidden" name="cn" value="Add special instructions to the seller:"> 
      <input type="hidden" name="no_shipping" value="2"> 
      <input type="hidden" name="add" value="1"> 
      <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest"> 
     </div> 
    </div> 
    <div class="span6 text-center"> 
     <div class="controls"> 


    <a id="buynow" class="btn btn-danger" href="#" rel="nofollow" onclick="document.getElementById('donate').submit(); return false;"> 
     <span style="">Donate via PayPal!</span></a> 
    <noscript> 
     <style>#buynow { display: none; } #page_theme #donate input { display: inline; }</style> 
     <input type="submit" class="btn btn-danger" value="Donate via PayPal!"> 
    </noscript>    
     </div> 
    </div> 
    <img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">   
</form> 

Answer 1

В вашем случае я хотел бы использовать parsley.js

Так использовать петрушку на форме (после установки), добавьте этот атрибут данных в форму:

data-validate="parsley" 

Он должен выглядеть следующим образом:

<form target="paypal" id="donate" action="https://www.paypal.com/cgi-bin/webscr" data-validate="parsley" method="post" > 

И ваш вклад добавить следующий атрибут данных (читать документацию для более проверки ру ле):

data-min="6" 

Так оно и должно выглядеть следующим образом:

<input class="span12" name="amount" value="5" placeholder="Enter Donation Amount" data-min="6" id="appendedPrependedInput" size="20" type="text"> 

И это все.

Answer 2

Там очень много из них, но так как большинство людей уже используют JQuery, и они хотят использовать на стороне клиента валидаций, я хотел бы использовать Jquery Validation. Помните, что для внутреннего использования вы должны использовать свой собственный PHP, C# или любую необходимую проверку. Если вы не используете JQuery, я хотел бы использовать this

Answer 3

Если вы хотите очень простого решения внешнего интерфейса, вы можете использовать функцию Javascript, прикрепленную к событию ONBLUR для входного элемента для проверки значения ввода:

<input type="text" name="amount" onblur="checkValue(this)" /> 

В прикрепленной функции, вы передаете элемент и проверить значение этого элемента:

function checkValue(element){ 
    if(element.value < 5){ 
     alert('The minimum donation is 5.00!'); 
     // clear value, display message, etc. 
    } 
} 

Эта функция будет срабатывать всякий раз, когда курсор покидает поле ввода. Простое оповещение может быть всем необходимым. Вы также можете добавить дополнительную проверку, чтобы убедиться, что ввод элемента фактически является числом, а не строкой. Лучше предположить, что конечный пользователь не будет знать, как использовать форму.

Обратите внимание, что это только интерфейсное решение, и все представленные формы должны быть проверены на выбранном на сервере языке (например, PHP). Вы не должны принимать эту проверку Javascript как надежный валидатор при сохранении данных.