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

Check value of text field and alert if different set in js

本文关键字：字段 文本 如果 检查 js 设置      更新时间：2023-09-26
<form>
<input type="text" id="promoCode">
</form>

我在表单中有一个文本输入字段，并尝试拥有一个在 js 中具有促销代码的 js 函数，如果有人放置与 js 中的内容不同的东西，则会触发警报，说"促销代码不正确"

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

<script>
    (#promoCode)='promo123sep'
   else
     alert('Promo Code Invalid')
</script>

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>

使用 jquery

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

或使用简单的 js

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

最简单的是这样的：

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

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

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

document.getElementById("promoCode");

然后为了获得它的值：

document.getElementById("promoCode").value;

然后，您可以将其与您指定的促销价值进行比较，并做任何您想做的事情：

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

这是你想做的吗？

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

在这里看小提琴

编辑：

如果你想用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>

在这里摆弄

相关文章：