1

データベースに対してテキストボックスに入力された値を検証しており、正しいアイコンまたは間違ったアイコンの正しいテキストボックスを表示したいと考えていました。

ここに私の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>

serialNumber フィールドに値が入力されたときに onblur を検証しています。true または false を取得し、jquery ではこのようにしています。

$.post("validateSN", {value:$(this).val()},function(data){
    $("#validsn").text(data);
});

エラーメッセージまたは成功メッセージが最初のメッセージの横にのみ表示されるたびにデータを表示しているとき。

更新: SerialNumber テキスト ボックスは動的であり、テキスト ボックスのサイズごとのスパンと同じです。

各テキストボックスの横にエラー/成功メッセージを正しく表示する方法を教えてください。

4

2 に答える 2

0

私はJigar Joshiの提案に従い、少し修正しました

オンブラー

$(".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");
     }
});

すると、とてもうまくいきました。私が前進するのを手伝ってくれてありがとう、Jigar Joshi。

于 2012-06-27T15:38:46.317 に答える
0

を追加したからです。

<span name="validsn" id="validsn">

最初の入力テキストに近い (そして同じ ID で繰り返し)

あなたはそれを次のようにする必要があります

<span name="validsn" id="validsn1">
<span name="validsn" id="validsn2">
<span name="validsn" id="validsn3">

そしてJavaスクリプトで

   var index = 1;
   for (index = 1 ; index <= 3;index++){ $("#validsn"+index).text(data);}
于 2012-06-21T17:28:02.393 に答える