Question

<form>
<input type="text" id="promoCode">
</form>

我在一个表单中有一个文本输入字段，并试图在js中有一个具有促销代码的js函数，如果有人在js中放入任何不同的内容，则会触发一条警告说“促销代码不正确” ＃39;

我真的很糟糕，但这是我尝试做的一个非常糟糕的例子。

<script>

    (#promoCode)='promo123sep'

   else
     alert('Promo Code Invalid')

</script>

Answer 1

If u use jQuery, code should look like this.

    <script>
// set var
        var promoCode = 'promo123sep';
// if var is not equal to input
        if($('#promoCode').val() !== promoCode){
// alert        
        alert('Promo Code Invalid');

        }
    </script>

Answer 2

使用jquery

if($('#promocode').val()=='promo123sep'){
  // some code
}
else{
 alert('Promo Code Invalid')
}

或使用简单的js

if(document.getElementById('promocode').value != 'promo123sep')
   alert("promo code invalid")

Answer 3

最简单的就是这样：

// Get the element using it's id, and then get the value
var inputPromoCode = document.getElementById('promoCode').value

// Check the value against the stored value
if(inputPromoCode === 'promo123sep'){
  alert('good');
} else {
  alert('Promo Code Invalid');
}

但我非常不同意。我建议你在服务器上这样做。

Answer 4

为了在JS中获取html元素的值，首先需要通过它的id来获取该对象的引用，例如：

document.getElementById("promoCode");

然后为了得到它的价值：

document.getElementById("promoCode").value;

然后，您可以将其与指定的促销价值进行比较，并按照您的意愿行事：

if(document.getElementById("promoCode").value != "promo123sep")
    alert("Promo Code Invalid");

Answer 5

这是你想要做的吗？

<强> HTML

<form>
    <input type="text" id="promoCode" />
</form>

<强>的jQuery

$(function(){
    $('#promoCode').on('blur', function() {

        if($(this).val() === 'promo123sep') {
             alert('The same');
        } else {
             alert('Promo Code Invalid');   
        }

   });
});

请参阅小提琴here

修改

如果你想用JavaScript简化它，你可以这样做：

<form> <input type="text" id="promoCode" onblur = "validate()" /> </form> <script> function validate() { var value = document.getElementById('promoCode').value; if(value === 'promo123sep') { alert('The same'); } else { alert('Promo Code Invalid'); } } </script>

小提琴here

检查文本字段的值，并在js中设置不同的警报

5 个答案: