javascript - 如何为html中的同类型控件编写jquery函数？

Question

我正在设计一个获取用户信息然后转到另一个页面的表单。有很多“输入文本”控件需要填充。用户必须填写所有“输入文本”控件才能进入主页。如果控件为空，则应将“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" />

Answer 1

使用 $.each 怎么样？并循环遍历所有文本元素

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