如何在html中爲相同類型的控件編寫jquery函數？

我正在設計一個獲取用戶信息然後轉到另一個頁面的表單。有很多「輸入文本」控制來填充。用戶必須填寫所有「輸入文本」控件才能返回主頁。如果控件爲空，則應在「輸入文本」中放置「x」圖標。如何在html中爲相同類型的控件編寫jquery函數？

我的主要問題是，我在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" />

來源

2013-08-27 Ali Sağırvelioğulları

嘗試驗證與text類型的所有輸入元件下面

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

作爲給定的或添加一個類的那些希望驗證等not-empty然後

元件

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

then

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

來源

2013-08-27 07:21:37

@AliSağırvelioğulları更好，如果你刪除其他問題 –

怎麼樣？

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

例如：http://jsfiddle.net/ddDSB/

來源

2013-08-27 07:20:31

//some code 
<input class="validate" type="text" id="knumber" /> 
<input class="validate" type="text" id="kname" /> 
<input class="validate"type="text" id="ksurname" /> 
//some code... 


$(".validate").click(function(){ 
    ... 
});

來源

2013-08-27 07:23:59 SmileAlgernon

我需要點擊一個按鈕類型，而不是文本... –

嘗試使用此一個類名「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 
} 
}

來源

2013-08-27 07:24:45 Rex

，我應該寫這個方法到我的按鈕的點擊事件？ –

@AliSağırvelioğulları是的，我在第二行提到它 – Rex

有關使用$.each，並通過所有文字循環什麼elemnts

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

來源

2013-08-27 07:25:11

如何在html中爲相同類型的控件編寫jquery函數？

回答

相關問題