[英]message next to textbox of array jquery
I am validating value entered in textbox against database and wanted to show right or wrong icon correct text box. 我正在针对数据库验证在文本框中输入的值,并希望显示正确或错误的图标正确的文本框。
Here my html code goes 这是我的html代码
<tr>
<td><input type="textbox" class="process-order serial" name="serialNumber" id="serialNumber"/> <span name="validsn" id="validsn">
</td>
</tr>
<tr>
<td><input type="textbox" class="process-order serial" name="serialNumber" id="serialNumber"/> <span name="validsn" id="validsn">
</td>
</tr>
<tr>
<td><input type="textbox" class="process-order serial" name="serialNumber" id="serialNumber"/> <span name="validsn" id="validsn">
</td>
</tr>
I am validating onblur when value entered in serialNumber field, I will get true or false and in jquery I am doing this way. 当在serialNumber字段中输入值时,我正在验证onblur,我会得到true或false,并且在jquery中我正在这样做。
$.post("validateSN", {value:$(this).val()},function(data){
$("#validsn").text(data);
});
when I am displaying data every time error message or success message appears only beside first one. 每当我显示数据时,错误消息或成功消息仅出现在第一个消息旁边。
UPDATE: the SerialNumber textboxes are dynamic and same as the span as per text box sizes. 更新: SerialNumber文本框是动态的,并且与每个文本框大小的范围相同。
Can someone please help me correct way to show error/success message beside each text box correctly. 有人可以帮助我纠正在每个文本框旁边正确显示错误/成功消息的方法。
It is because you added the 这是因为您添加了
<span name="validsn" id="validsn">
near to first input text (and then repetitively with same ID ) 靠近第一个输入文本(然后重复使用相同的ID)
You should do it like 你应该这样做
<span name="validsn" id="validsn1">
<span name="validsn" id="validsn2">
<span name="validsn" id="validsn3">
and then in java script 然后在Java脚本中
var index = 1;
for (index = 1 ; index <= 3;index++){ $("#validsn"+index).text(data);}
I have followed Jigar Joshi suggestion and modified little bit 我遵循了Jigar Joshi的建议并做了一些修改
Onblur 昂布尔
$(".serial").live("blur", function(){
//got the index of textbox where serial number is entered
var index = $(".serial").index(this);
$.ajax({
url:"validateSN",
data: "value="+sn,
success : function(data){
$("#validsn"+index).show();
if(data=="true"){
$("#validsn"+index).attr('src',"images/icons/valid_icon.png");
} else if(data=="false"){
$("#validsn"+index).attr("src", "images/icons/invalid_icon.png");
}
});
Then it worked very well. 然后效果很好。 Thank you Jigar Joshi for help me moving forward.
谢谢Jigar Joshi帮助我前进。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.