Istnieją 3 sposoby rozwiązania tego problemu:
- Przenieś maksimum informacji do interfejsu
- Sprawdź, kiedy użytkownik przesyła
- Asynchroniczne sprawdzanie danych, takie jak
Jquery
ajax
Przenieś maks. informacje do interfejsu
Po prostu umieść swoje maksymalne informacje w jakimś ukrytym obszarze i użyj javascript, aby to sprawdzić.
function check(obj){
var max = obj.getAttribute("data-max");
if(parseInt(obj.value) > parseInt(max)){
alert("Amount out of max!");
}
}
<input name="amount" value="0" data-max="3" onkeyup="check(this);"/>
Ale ten sposób nie jest zalecany i należy tego unikać, ponieważ użytkownicy mogą uzyskać dane dotyczące przechowywania, sprawdzając kod źródłowy.
Sprawdź, kiedy użytkownik przesyła
Sprawdź kwotę z maksymalną wartością po stronie serwera, co prowadzi do słabego doświadczenia użytkownika.
Asynchroniczne sprawdzanie danych
Jest to najczęściej zalecane i używane, które pobierają dane asynchronicznie. Możesz spróbować jquery
.
Zakładając, że twój język po stronie serwera to php
, możesz utworzyć plik checkMax.php
:
<?
$amount = $_POST["amount"];
$item_id = $_POST["item_id "];
/* get your max data from database using item_id, then assign $max
...
*/
echo $amount > $max ? 1 : 0
Następnie możesz sprawdzić kwotę za pomocą jquery ajax.
<input name="amount" class="amount" data-id="1" value="0"/>
$(".amount").change(function(){
var amount = $(this).val();
var item_id = $(this).attr("data-id");
$.post("checkMax.php", {"amount": amount, "item_id": item_id}, function(data){
if(data == "1")alert("Amount out of Max!");
});
});