我有一个文本框和按钮。我想用 JQuery 显示警报

Question

我有一个文本框和按钮。我想在单击按钮时显示 alert。但是我有一个条件； innput 文本值必须是 X1。如果用户将 X1 写入文本框，则显示警告 GOOD 否则警告 NOT GOOD.

如何使用 jQuery 做到这一点？这是我的 html 代码。

<input type="text" id="couponInput" class="couponInput" placeholder="Input Code" />                                                       
<button type="button" id="couponApply" class="couponApply">APPLY</button>

Answer 1

你不需要 jQuery，但试试这个

<button type="button" id="couponApply" class="couponApply" onclick="if($('#couponInput').val() == 'X1'){alert('GOOD');} else {alert('NOT GOOD');}">APPLY</button>

此外，如果您要验证优惠券，这不是一个好方法 - 您的代码在您网站的源代码中很容易阅读 - 您应该在服务器端执行此操作

Answer 2

添加这个javascript

//This detect the onClick event on your button
$("#couponApply").click(function(){
//here you retrieve the value of your input
var inputValue = $("#couponInput").val();
//And now, you test it
if(inputValue == "X1")
    alert("GOOD");
else
    alert("NotGOOD");
});

你可以测试一下here

Answer 3

如果您想要具体的 jquery 答案。在这里....

$(document).ready(function(){ // Document ready event -- most important

    $('#couponApply').click(function(event){

        var couponInputval = $('#couponInput').val(); // Getting the input value
        couponInputval = couponInputval.toUpperCase(); // Changing to upper case
        if(couponInputval == 'X1') {
            alert("GOOD");
        }
        else{
            alert("NOT GOOD");
        }
        event.preventDefault(); // To restrict button to push request to the server

    });


});

希望对你有帮助......

我有一个文本框和按钮。我想用 JQuery 显示警报

I have a textbox and button. I want to show alert with JQuery

html

javascript

jquery

input