Question

<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.保持'PROMO CODE'的验证完好无损。 2.删除空字段的验证。

这是订单表单的一部分，我们希望用户输入促销代码。但由于所有用户可能没有促销代码，我们希望让用户选择将该字段留空。当前验证使该字段成为“必需”字段。

非常感谢任何建议。谢谢！

Answer 1

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

确保在JavaScript中使用===代替==。

JS表单验证

1 个答案: