以下はJSコードです:
$('#createCust').on('click', function(e) {
e.preventDefault();
documentCommon.ajax({
dataType : 'text',
url : "/createcustomer",
data : $("body form:first").serialize(),
success : function(data) {
$(".dialogTitle").html("");
$(".dialogTitle").html("Add Customer");
$(".actualData").html("");
$(".actualData").html(data);
$('#modalViewDialog').modal('show');
}
});
});
以下はボタンです:
<form:form method="POST" modelAttribute="customerForm"
class="form-signin" action="/createcustomer">
<form:input type="text" path="customerName" class="form-control"
placeholder="Customer Name" required="required"></form:input>
<button type="submit" id="createCust" class="btn btn-primary">Create</button>
JS コードを削除すると正常に動作しますが、ajax 呼び出しが必要なため、ページ全体の送信に依存できませんでした。JS 呼び出しでもすべての必須フィールド チェックを有効にする方法はありますか?