2

请注意，此页面仅适用于学校项目，并非用作付款页面。我的代码在提交时执行，但只检查名称，如果日期或 cvc 代码有问题，它会跳过它并继续，就好像它收到了一个真值一样。随着我的截止日期临近，任何帮助都会很棒。我需要做的就是运行整个代码。现在可以在 http://www.come-get-me-games.x11s.org/confirm_booking.php找到代码示例

该地区的代码是

    <script type="text/javascript">
    function check(){
        var num = document.getElementById('cardNumber');        
        var name = document.getElementById('nameOnCard');
        var dater = document.getElementById('expDate');
        var cvc = document.getElementById('cvc');

        if(num.value==="" || num.value===null){
            alert('Please enter your card number');
            return false;
        }else if (name.value==="" || name.value===null){
            alert('Please enter the as it appears on the card');
            return false;
        }else if (dater.value==="dd/mm/yyy" || dater.value === "" || dater.value===null){
            alert('Please Enter a Date');
            return false;
        }else if (cvc.value==="" || cvc.value===null){
            alert('Enter the CVC number, this can be found as the \n last 3 digits on the number on the back of your code');
            return false;
        } else {
            var check = confirm('Are you sure you wish to purchase these tickets');
            if(check === true){
                return true;
            }else{
                return false;
            }
        }
    }

</script>

</table>
</div>
    <div style="text-align:left;position:absolute;bottom:0px;left:10px;width:480px"> 
        <?php echo "Total ticket price &pound".$price ?><br>
        <br>
        <h3>Payment</h3>
        <form method="post" action="scripts/ticket_buy.php" onSubmit="return check()">
        <div class="item_container">
            Card Number <input value="" type="text" id="cardNumber" name="cardNumber" style="position:absolute;right:0px" /><br />
            Name On Card<input value="" type="text" id="nameOnCard" style="position:absolute;right:0px" name="nameOnCard" /><br />
            Expiry Date<input value="" type="date" id="epxDate" style="position:absolute;right:0px" name="expDate" /><br />
            CVC Number<input value="" type="text" id="cvc" style="position:absolute;right:0px" name="cvc">
            <br />
            <input type="hidden" value='<?php echo $eventIDwanted ?>' name="eID">
            <input type="hidden" value="<?php echo $performanceIDwanted ?>" name="pID">
            <input type="submit" value="Purchase" class="button_default" style="width:480px">
        </div>
        </form>
   </div>

4

2 回答 2

3

更正日期的 ID。在您的 JS 中，您有 expDate，而在输入中，您有 epxDate

 Expiry Date<input value="" type="date" id="expDate" style="position:absolute;right:0px" name="expDate" /><br />

在职的jsfiddle

请注意：每当您的 JS 似乎无法正常工作时，请使用 firebug 控制台或 chrome 控制台查看是否有任何 JS 错误。

于 2013-05-08T19:50:44.050 回答
0

你有一个拼写错误的 epxDate 而不是 expDate。此外，如果您将脚本放在顶部而没有确保 DOM 已准备好，这可能会产生问题。因此，请将其移至底部或将其加载到 DOm 就绪或加载（不推荐）。

于 2013-05-08T19:57:41.227 回答