Razor で MVC 3 を使用しており、目立たないクライアント検証を使用しています。うまく機能していますが、ユーザーが最初からやり直すか、アクションをキャンセルしたい場合は、フォームをリセットできるようにしたいと考えています。バリデーションを使用すると、各フォーム要素に多くのメタデータが添付されているようです。
<input type="text" value="" name="User.FirstName" id="User_FirstName" data-val-required="The First Name field is required." data-val-length-max="50" data-val-length="The field FirstName must be a string with a maximum length of 50." data-val="true" class="text-box single-line">
ここの jQuery スニペットは、私の問題を示しています。テキストフィールドの値を手動でリセットしようとすると、値をクリアした後に他のJavaScriptが実行を傍受し、元の値に戻します:
$("#btnReset").click(function () {
alert($("#User_FirstName").val());
$("#User_FirstName").val("");
alert($("#User_FirstName").val());
});
ユーザーがボタンをクリックしたときにフォームの値をクリアする方法について、ここでポインタを探しています。それはとても簡単な作業のように思えますが、これを達成する方法に関するドキュメントは見つかりません。