如何通过第一列文本框验证第二列文本框组中的剂量不输入重复值。 [英] How to validate dose not entry duplicate value in second column textbox group by first column textbox.
本文介绍了如何通过第一列文本框验证第二列文本框组中的剂量不输入重复值。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何通过第一列文本框验证第二列文本框组中的剂量不输入重复值。
它应该是下面的结果。
< pre lang =HTML>
< table rules =allclass =table table-bordered>
< tbody>
< tr>
< td>
< span> 1< / span>< input name =SerialNo1type =textvalue =5>
< / td>
< td>< input name =SerialNo_1type =textvalue =1>< / td>
< / tr>
< tr>
< td>
< span> 2< / span>< input name =SerialNo2type =textvalue =5>
< / td>
< td>< input name =SerialNo_2type =textvalue =2>< / td>
< / tr>
< tr>
< td>
< span> 3< / span>< input name =SerialNo3type =textvalue =5>
< / td>
< td>< input name =SerialNo_3type =textvalue =3>< / td>
< / tr>
< tr>
< td>
< span> 4< / span>< input name =SerialNo4type =textvalue =9>
< / td>
< td>< input name =SerialNo_4type =textvalue =1>< / td>
< / tr>
< tr>
< td>
< span> 5< / span>< input name =SerialNo5type =textvalue =9>
< / td>
< td>< input name =SerialNo_5type =textvalue =2>< / td>
< / tr>
< tr>
< td>
< span> 6< / span>< input name =SerialNo6type =textvalue =10>
< / td>
< td>< input name =SerialNo_6type =textvalue =1>< / td>
< / tr>
< / tbody>
< / table>
请指导我
我尝试了什么：
我什么都不知道。如何获得结果。
解决方案
尝试
<！DOCTYPE html> ;
< html xmlns =http://www.w3.org/1999/xhtml>
< head>
< title>< / title>
< / head>
< body>
< table>
< tbody>
< tr>
< td>
< span> 1< / span>< input name =SerialNo1type =textvalue =5>
< / td>
< td>< input name =SerialNo_1type =textvalue =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（'两个值不应该相同，请输入不同的值！'）;
e.target.value ='';
e.target.focus（）;
返回
}
}
< / script>
< / body>
< / html>
how to validate dose not entry duplicate value in second column textbox group by first column textbox.
It Should be result like below.
<pre lang="HTML">
<table rules="all" class="table table-bordered">
<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>
<tr>
<td>
<span>2</span><input name="SerialNo2" type="text" value="5">
</td>
<td><input name="SerialNo_2" type="text" value="2"></td>
</tr>
<tr>
<td>
<span>3</span><input name="SerialNo3" type="text" value="5">
</td>
<td><input name="SerialNo_3" type="text" value="3"></td>
</tr>
<tr>
<td>
<span>4</span><input name="SerialNo4" type="text" value="9">
</td>
<td><input name="SerialNo_4" type="text" value="1"></td>
</tr>
<tr>
<td>
<span>5</span><input name="SerialNo5" type="text" value="9">
</td>
<td><input name="SerialNo_5" type="text" value="2"></td>
</tr>
<tr>
<td>
<span>6</span><input name="SerialNo6" type="text" value="10">
</td>
<td><input name="SerialNo_6" type="text" value="1"></td>
</tr>
</tbody>
</table>
Please guide me
What I have tried:
I don't have any idea. How to get result.
解决方案
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>
这篇关于如何通过第一列文本框验证第二列文本框组中的剂量不输入重复值。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
