Javascript 检查文本字段的值，如果js中设置了不同的值，则发出警报

我在表单中有一个文本输入字段，并尝试使用js函数，该函数在js中有一个促销代码，如果有人在js中添加了任何不同的内容，则会触发一个警报，说“促销代码不正确”

我是一个非常糟糕的js，但这里有一个非常糟糕的例子，说明我正在尝试做什么

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

（#promoCode）='promo123sep'
其他的
警报（'促销代码无效'）

如果使用jQuery，代码应该如下所示。
//集合变量
变量promoCode='promo123sep'；
//如果var不等于输入
if（$（'#promoCode'）.val（）！==promoCode）{
//警觉的
警报（“促销代码无效”）；
}

使用jquery

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>

或者使用简单的js

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

---

最简单的方法是：

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

---

但我非常不同意。我建议您在服务器上执行此操作。

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

// 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');
}

然后，为了获得其价值：

document.getElementById("promoCode");

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

document.getElementById("promoCode").value;

---

这就是你想做的吗

HTML

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

看小提琴

编辑：

如果要使JavaScript变得简单，可以执行以下操作：

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

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

   });
});

函数验证（）{
var值=document.getElementById（'promoCode'）。值；
如果（值=='promo123sep'）{
警惕（“相同”）；
}否则{
警报（“促销代码无效”）；
}
}

拨弄

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

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

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

   });
});

<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>