Javascript 如何在html中为相同类型的控件编写jquery函数？

我正在设计一个表单，它获取用户信息，然后转到另一个页面。有很多“输入文本”控件需要填充。用户必须填写所有“输入文本”控件才能进入主页。如果控件为空，则应在“输入文本”内放置一个“x”图标

我的主要问题是，我是jquery新手，我不想为每个控件编写此函数：

$('#send').click(function () {
            if ($('#kname').val().length == 0) {
                $('#kname').css({ background: "url(image/error.png) no-repeat right" });
            }
        });

我需要一个所有控件的通用函数。以下是我的html行：

   //some code
       <input type="text" id="knumber" />
        <input type="text" id="kname" />
        <input type="text" id="ksurname" />
   //some other code

//一些代码
//其他代码

编辑：我正在使用“输入按钮”发送这些信息

<input type="button" value="Send Them" id="send" />

怎么样

$("#send").click(function() {
     $("input[type=text]").each(function(){
          if ($(this).val().length == 0) {
               $(this).css({ background: "url(image/error.png) no-repeat right" });
          }
     });
});

示例：

怎么样

$("#send").click(function() {
     $("input[type=text]").each(function(){
          if ($(this).val().length == 0) {
               $(this).css({ background: "url(image/error.png) no-repeat right" });
          }
     });
});

---

示例：

尝试验证所有类型为

text

的输入元素，如下所示

$("input[type=text]").filter(function() {
    return $.trim(this.value).length == 0
}).css({
    background : "url(image/error.png) no-repeat right"
});

或者向您希望验证的元素添加一个类，比如

notempty

，然后

<input id="kname" type="text" class="not-empty" />
<input id="ksurname" type="text" class="not-empty" />

---

尝试验证类型为

text

的所有输入元素，如下所示

$("input[type=text]").filter(function() {
    return $.trim(this.value).length == 0
}).css({
    background : "url(image/error.png) no-repeat right"
});

或者向您希望验证的元素添加一个类，比如

notempty

，然后

<input id="kname" type="text" class="not-empty" />
<input id="ksurname" type="text" class="not-empty" />

//一些代码
//一些代码。。。
$（“.validate”）。单击（函数（）{
...
});
//一些代码
//一些代码。。。
$（“.validate”）。单击（函数（）{
...
});
尝试使用此
将类名“requiredField”添加到所有文本字段中

在按钮单击方法中，查找所有文本框

textboxes = $('#formid').find('.requiredField');

然后使用每种方法

textboxes.each(function() {
 if(this.value.length==0){
   $('#kname').css({ background: "url(image/error.png) no-repeat right" });
    //do something here
}
}

试试这个
将类名“requiredField”添加到所有文本字段中

在按钮单击方法中，查找所有文本框

textboxes = $('#formid').find('.requiredField');

然后使用每种方法

textboxes.each(function() {
 if(this.value.length==0){
   $('#kname').css({ background: "url(image/error.png) no-repeat right" });
    //do something here
}
}

使用和循环所有文本元素怎么样

$('#send').click(function () {
       $("input[type=text]").each(function(){
            if ($(this).val() == '') {
                $(this).css({ background: "url(image/error.png) no-repeat right" });
            }
        });

使用和循环所有文本元素怎么样

$('#send').click(function () {
       $("input[type=text]").each(function(){
            if ($(this).val() == '') {
                $(this).css({ background: "url(image/error.png) no-repeat right" });
            }
        });

我应该将此方法写入我的按钮点击事件吗？@AliSağrvelioğulları是的，我在第二行中提到过，我应该将此方法写入我的按钮点击事件吗？@AliSağrvelioğulları是的，我在第二节提到过line@AliSağrvelioğulları最好删除另一个question@AliSa如果你删除另一个问题，那就更好了