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

0 
$('#submit').click(function(){
  var input = $('#coupon').val();
  if(input === 'PROMO CODE'){
    $('#error').text('correct code!');
  } else if (input !== ''){
    $('#error').text('wrong code!');
  }
});

确保您使用===而不是==在 JavaScript 中。

于 2012-10-23T06:56:47.697 回答