Question

我有一个输入字段，我想检查相应的输入是否填充了文本。我的问题是我想在输入填充后添加一些内容（输入后没有提交按钮）。我该怎么办？

这里是输入：

<input type="text" class="Textbox" name="shippingZoneZip" id="shippingZoneZip" value="">

Answer 1

您可以keyup查看。此外，还可以click , focus , keypress , onchange , {{3}进行检查等事件。 keyup

的示例

＆＃13;

$('input[name=shippingZoneZip]').keyup(function(){
    alert("The value is " + $(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="text" class="Textbox" name="shippingZoneZip" id="shippingZoneZip" value="">

＆＃13;

使用blur

$('input[name=shippingZoneZip]').blur(function(){
    alert("The value is " + $(this).val());
});

Answer 2

以下应该有效。使用来自吐温的建议：

$('input[name=shippingZoneZip]').focusout(function(){
    var value=$(this).val();
    if (value.length > 0)
    {
    alert("Message");
    }
});

Answer 3

您可以在文本框中使用on change事件，并检查更改事件时值是否为空并附加文本。

$('.Textbox').on('change', function() {
  if (!!$(this).val()) {
    // append your text
  }
});

Jquery检查输入是否已填充，没有提交按钮

3 个答案: