プラグイン Jquery を使用します: "ValidationForm" サイトで: http://formvalidation.io/。[送信] ボタンをクリックすると、Ajax をサーバーに呼び出します。ここで Plugin ValidationForm はフィールドを検証せず、Ajax を呼び出します。私のコード:
HTML:
<button type="submit" class"btn btn-success" id="#button"></button>
ValidationForm コード:
$('#form').bootstrapValidator({
message: 'Not Valid',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
PhoneNumber: {
message: 'Not Null',
validators: {
notEmpty: {
message: 'Not Null'
},
stringLength: {
min: 2,
max: 100,
message: '2->100 characters'
},
}
}
}
})
;
jQuery:イベントクリックボタン送信
$('#button').click(function(e){
e.preventDefault();
$.ajax({
//....
})
});
Ajaxでフォーム送信前にバリデーションフォームをチェックしたい。