私はブートストラップモーダルを持っています。ユーザーが "Update"ボタンをクリックすると、DBを更新するためのajax呼び出しが行われます。しかし何らかの理由で更新が失敗した場合は、エラーメッセージを表示して、モーダルを開いたままにします。送信ボタンのクリック時にブートストラップモーダルが閉じないようにする
私は期待どおりのすべての動作をしているようですが、e.preventDefault()
はモーダルの終了を停止しているようには見えません。
preventDefault()
がボタンの送信を停止しないのはなぜですか?
マイボタン:
<button type="submit" class="btn btn-success" id="btnUpdate" style="margin-right:10px">Update</button>
Javascriptのボタンクリックコード。
$("#btnUpdate").on("click", function (e) {
// reset the message...
$("#errorMessage").html("");
// get the value...
var myParam = $("#someSelection").attr("someData");
var myParamData = JSON.parse(myParam);
updateData(myParamData.Name)
.done(function (result) {
if (!result.d == "") {
$("#errorMessage").html(result.d);
e.preventDefault();
}
else {
loadData();
}
});
});
これは役に立ちますが、クライアントの問題を引き起こします検証。私はボタンをサブミットからボタンに変更し、成功のためにモーダルを閉じるためにコードにいくつかを追加しました。それは問題ありません...しかし、モーダルでは、2つの入力フィールドに「必須」属性を追加しました。これは、もはや送信ボタンではなくなったので、動作を停止します。私は完全にサーバー側をチェックするエラーを処理することができると思うが、最終的にクライアントとサーバーの両方で検証を行うことを望んでいた。 – PrivateJoker
はい、できます。更新を確認してください。 –
私はあなたが何を得ているかを見ていますが、私にとってはうまくいきません。私は私のマテリアルページに欠陥があると思う。私は