0

解決しようとしている問題があります。

ここに画像の説明を入力

基本的に、「送信」ボタンをクリックすると非表示のフォームをアクティブにするjqueryがあります。サーバー側とクライアント側の両方の検証として、数量と「色」と「サイズ」(図では見落として申し訳ありません)。私の問題は、誰かが開発者ツールを使用してサイズを確認し、<option value="0000000000000">size 10</option>「送信」をクリックすると、非表示のフォームが表示され、合計金額が$NAN.

隠されたフォームには何がありますか

非表示のフォームは基本的に合計であり、下にスライドして、追加されたものと合計金額をユーザーに表示します。これは、jQuery を使用して size+quantity および を送信しますprice*quantity。なのでサイズを間違えると。価格は次のようになります$NAN。

非表示のフォームが表示されないようにしたいので、これがカートページに送信されるのをなんとか止めました。

非表示のフォームをアクティブにしてカートに追加する JQUERY。

$(document).ready(function(){
    $('#selected').hide();
    $('#button').click(function(){
        var pid = $('#pid').val();
        var len = $('#size option:selected').text();
        var Qty = $('#Qty').val();
        var qty = parseInt($('#Qty').val());
        var price =  parseFloat($('#pricetag').text().replace(/^\D/, ''), 10) * qty;
        price = '\u00A3' + price.toFixed(2);
        var category = $('#Category').val();

        if (!/^[1-9]\d?$/.test(Qty)){
            alert('Quantity should not be below 1 or null');
            return false; // validation for quanity
        }

        else {
        $('#sprice').text(price);
        $('#scategory').text(cat);
        $('#slength').text(len);
        $('#selected').slideDown();
        }// this activate the hidden form


       $.ajax({
            url: 'addtocart.php',
            type: 'POST',
            data: { pid:pid, 
            length:length, 
            Qty:Qty, 
            Category:Category },
            success: function(data)
            {

            }
        });
    });
});

意味が分からない場合は教えてください。

4

1 に答える 1

0

値の正確性を確認するだけです。ここでは price を使用していますが、好きなように設定できます。

Javascript:

if (!/^[1-9]\d?$/.test(Qty)){
            alert('Quantity should not be below 1 or null');
            return false; // validation for quanity
} else {
  if( price >100 && price < 0){ 
    //don't do anything
  } else {
    $('#sprice').text(price);
    $('#scategory').text(cat);
    $('#slength').text(len);
    $('#selected').slideDown();
}
于 2013-11-05T11:11:20.220 に答える