jqueryでは、フォームリストに重複項目があるかどうかを判断します。


ビジネスシーンでは、フォームリストに重複項目があるかどうかを判断する必要がありますが、JAVAではバックグラウンドで判断できますが、jqueryで操作するのがより簡単です。
下記のリストのように、行を追加することで自動的に生成されます。
  <table>
    <tr>
      <td><input name="serviceId1" type="text" id="serviceId1" value="serviceId1"></td>
    </tr>
    <tr>
      <td><input name="serviceId2" type="text" id="serviceId2" value="serviceId2"></td>
    </tr>
    <tr>
      <td><input name="serviceId1" type="text" id="serviceId1" value="serviceId1"></td>
    </tr>
  </table>
jsでの処理は以下の通りです。
//        XX       
var checkResult = true;
//    id serviceId          
$("[id^='serviceId']").each(function () {
	var orginValue = $(this);				
	$("[id^='serviceId']").not(orginValue).each(function () {
		if (orginValue.val() == $(this).val()){
			//        
			alert('XX         XX  ,   !');
			checkResult = false;
			return false;
		}
	});
	if(!checkResult){
		return false;
	}
});
この方法は、複数のリストの間に重複した値があるかどうかを判断するためにも適用されます。