try
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<table>
<tbody>
<tr>
<td>
<span>1</span><input name="SerialNo1" type="text" value="5">
</td>
<td><input name="SerialNo_1" type="text" value="1"></td>
</tr>
</tbody>
</table>
<script>
var left = document.getElementsByName('SerialNo1')[0];
var right = document.getElementsByName('SerialNo_1')[0];
left.addEventListener('blur', checkEqual);
right.addEventListener('blur', checkEqual);
function checkEqual(e) {
if (left.value == right.value) {
alert('both value should not be same,Please enter different value!');
e.target.value = '';
e.target.focus();
return
}
}
</script>
</body>
</html>
Demo:
Plunker[
^]