Question

我有一个文本框和按钮。我想点击按钮时显示alert。但我有条件;输入文本值必须为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

添加此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 2

如果你想要特定的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

    });


});

希望它有所帮助......

Answer 3

你不需要jQuery，但试试这个

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

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

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

3 个答案: