2011-07-29 7 views
0

차이 나는이 자바 스크립트 유효성 검증에 관한 하나의 질문 :자바 스크립트 - 두 개의 레이블

가 어떻게 차이 (첫 번째 레이블에서 사용할 수있는 문자 만 번째 레이블에되지 않음) 찾아 두 레이블 사이에 수 있을까?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

</head> 

<body> 

<table width="50%" border="0" cellspacing="0" cellpadding="4" style="font-family:Arial, Helvetica, sans-serif; font-size:12px;"> 
    <tr> 
    <td width="44%" align="right">Label 1</td> 
    <td width="56%"><input type="text" value="ABCD" /></td> 
    <td width="56%" style="color:#C00;">Note</td> 
    </tr> 
    <tr> 
    <td align="right">Label 2</td> 
    <td><input type="text" value="AEBHL" /></td> 
    <td rowspan="2" valign="top">I want to show the difference of Label 1 and Label 2 in Diffrence's input. How could I find the difference?</td> 
    </tr> 
    <tr> 
    <td align="right">Difference</td> 
    <td><input type="text" value="EHL" style="border:1px solid #C00;" /></td> 
    </tr> 
</table> 

</body> 
</html> 
+2

라벨은 무엇입니까? –

+0

일부 JS 코드와 HTML을 보여주십시오. 그리고 당신이 붙어있는 곳 –

답변

2

첫 번째 레이블의 텍스트를 가져 오기 : -

덕분에 아래의 코드를 참조하십시오.

두 번째 레이블의 텍스트를 가져옵니다.

두 레이블 간의 차이를 계산하십시오. 차이를 차이 행에 지정하십시오.

현재 작업을 볼 수 있습니다 http://jsfiddle.net/Anton87/RDvJf/

var label1 = jQuery("table tr:eq(0) input").val(), 
    label2 = jQuery("table tr:eq(1) input").val(), 
    diff2 = difference(label2, label1); 

jQuery("table tr:eq(2) input").val(diff2); 

function difference(label1, label2) { 
    var difference = []; 

    for (var i = 0, max = label1.length; i < max; i++) { 
     if (label2.indexOf(label1[i]) === -1) { 
     difference.push(label1[i]); 
     } 
    } 

    return difference; 
} 
관련 문제