Question

我有三个ID为 ppl1 ， pp2 和 ppl3 。

我可以通过制作下面给出的一些javascript函数来查找是否在这些文本框中输入了任何值

$(document).ready(function () {   
$("#ppl1").change(function () {

或

$(document).ready(function () {
$("#ppl2").change(function () {

或

$(document).ready(function () {
$("#ppl3").change(function () {

现在我需要检查是否输入了任何文本框。也就是在上面的函数中使用一些逻辑OR （ || ）。

希望这可以很简单，但即使经过长时间的谷歌搜索，我也无法得到确切的信息。

Answer 1

// Bind keyup event on the input
$('input:text').keyup(function() {

  // If value is not empty
  if ($(this).val().length != 0) {
    console.log("input with ID: " + $(this).attr('id') + " has value")

  } else {
    console.log("input with ID: " + $(this).attr('id') + " has no value")
  }
}).keyup(); // Trigger the keyup event, thus running the handler on page load

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input name="ppl1" id="ppl1" />
<input name="ppl2" id="ppl2" value='123' />
<input name="ppl3" id="ppl3" />

您可以使用.keyup()

Answer 2

$(function(){ // This is equal to "$(document).ready(function () {" 
    // $("[id^='ppl']") This selector works as well. 
    $("#ppl1, #ppl2, #ppl3").on('change',function(e){
        if ($(this).val().trim().length > 0)
        {
            // The input has changed, and there is something in it. 
        }
    });
});

如何使用javascript / jquery查找在任何文本框中输入或未输入的值

2 个答案: