6

私は、フォームを送信するときに後でモデルバインディングを使用できるように、値を保持し、名前をフォーマットするためのかなりの数の非表示の入力を持つasp.net mvcアプリを持っています。

ユーザーがフォームを送信して [戻る] ボタンをクリックすると、IE や Firefox にはないクロムの奇妙なバグに出くわします。クロムは非表示の入力値も保持することがわかりました。

このチャンク全体は javascript を介して生成されるため、chrome がこれをキャッシュしていると思います。

function addProductRow(productId, productName) {

    if (productName != "") {



        //use guid to ensure that the row never repeats
        var guid = $.Guid.New();

        var temp = parseFloat($(".tboProductCount").val());

        //need the span to workaround for chrome
        var szHTML = "<tr valign=\"top\" id=\"productRow\"><td class=\"productIdCol\"><input type=\"hidden\" id=productRegsID" + temp + "\" name=\"productRegs[" + temp + "].productId\" value=\"" + productId + "\"/>"
          + "<span id=\"spanProdID" + temp + "\" name=\"spanProdID" + temp + "\" >" + productId + "</span>"
          + "</td>"
          //+ "<td><input type=\"text\" id=\"productRegName\" name=\"productRegs[" + temp + "].productName\" value=\"" + productName + "\" class=\"productRegName\" size=\"50\" readonly=\"readonly\"/></td>"
          + "<td><span id=\"productRegName\" name=\"productRegs[" + temp + "].productName\" class=\"productRegName\">"+ productName + "<\span></td>"
          + "<td id=\"" + guid + "\" class=\"productrowguid\" \>"
          + "<input type=\"text\" size=\"20\" id=\"productSerialNo" + temp + "\" name=\"productRegs[" + temp + "].serialNo\" value=\"" + "\" class=\"productSerialNo\" maxlength=\"18\" />"
          + "<a class=\"fancybox\" id=\"btnImgSerialNo" + temp + "\" href=\"#divSerialNo" + temp + "\"><img class=\"btnImgSerialNo\" src=\"Images/landing_14.gif\" /></a>"
          + "<span id=\"snFlag" + temp + "\" class=\"redWarning\"></span></td>"
          + "<td><input type=\"text\" id=\"productRegDate" + temp + "\" name=\"productRegs[" + temp + "].PurchaseDate\" readonly=\"readonly\" />"
          + "<span id=\"snRegDate" + temp + "\" class=\"redWarning\"></span></td>"
          + "<td align=\"center\"><img style=\"cursor:pointer\" id=\"btnImgDelete\" src=\"Images/btn_remove.gif\" onclick=\"javascript:removeProductRow('" + guid + "')\" /><div style=\"display:none;\"><div id=\"divSerialNo" + temp + "\" style=\"font-family:verdana;font-size:11px;width:600px\">" + serialnumbergeneral + "<br /><br />" + getSNImageByCategory(productId) + "</div></div></td>"
          + "</tr>";

        $(".ProductRegistrationTable").append(szHTML);
        $("a.fancybox").fancybox();

        //initialization
        $("#productRegDate" + temp).datepicker({
            minDate: new Date(1996, 1 - 1, 1),
            maxDate: 0
        });

        //sanity check
        //s7test
        alert('1 '+$("#spanProdID" + temp));
        alert('2 '+$("#productRegsID" + temp));


} //end function addNewProductRow

ユーザーが新しい製品を選択したときにIDを更新する必要がありますが、その横に別のスパンタグを配置すると、スパンに新しいIDが表示され、非表示の入力には以前のIDが残ることが示されます。

この問題を回避するエレガントな方法はありますか?

ありがとう

4

2 に答える 2

11

@pruts コメントを読んだ後、ここに移動しました ;)

私の上司は答えを見つけました.vwdはエラーとしてフラグを立てますが、それは入力属性に追加された単純なautocomplete = "off"でした:)

于 2010-04-14T00:53:44.150 に答える
0

ページが読み込まれるとすぐに隠しフィールドをリセットできると思います。

<script type="text/javascript">
  $(function() {
      $("input[type=hidden]").val("");
  });
</script>

このコードは、「戻る」を押すと実行されます。

于 2010-04-13T13:17:42.103 に答える