0 
<html> 
<head> 
<title>Coupon test code</title> 
<style>
#error{
color: red;
font-weight: bold;
}
</style>
</head> 

<body> 
    <form name="couponField" action=""> 
        <span id="error"></span>
        Coupon code: 
        <input type="coupon" id="coupon" name="coupon"> 
        <input type="button" id="submit" value="Apply Coupon Code"> 
    </form> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
$('#submit').click(function(){
    if($('#coupon').val() == 'PROMO CODE'){
        $('#error').text('correct code!');
    }else{
        $('#error').text('wrong code!');
    }

});
</script>

</body> 
</html>

上記のコードは次のことを行います。 1. 入力されたクーポン コードが「PROMO CODE」と正確に等しいかどうかを検証します。 2. フィールドが空かどうかを検証します。

私たちがやろうとしていること: 1. 「プロモーション コード」の検証をそのまま維持します。2. 空のフィールドの検証を削除します。

これは、ユーザーにプロモーション コードを入力してもらう注文フォームの一部です。ただし、すべてのユーザーがプロモーション コードを持っているとは限らないため、フィールドを空のままにしておくオプションをユーザーに提供したいと考えています。現在の検証では、このフィールドを「必須」フィールドにしています。

どんな提案でも大歓迎です。ありがとう！

4

1 に答える 1