BootstrapValidatorプラグインによるフォーム検証
3191 ワード
BootstrapValidatorプラグインはGithubの3年前のコード倉庫で、作者は今すでにメンテナンスしていないで、新しいプラグインFormValidationを出して、しかし新しく出たこのプラグインは有料で、普通の開発者にとって、BootstrapValidatorプラグインも十分で、ここは転送ゲートです:nghuuphuoc/bootstrapvalidator.著者が提供したdemoはよく、異なるフォーム検証に関連しており、自分で異なるフォーム検証を修正してテストすることができます.私の次のコードは、ユーザー名とパスワードの検証のみを示し、クイックスタート学習として使用します.
htmlページはフォームデータをtestにコミットする.php、test.phpページで
転載先:https://www.cnblogs.com/YanCJ/p/7392639.html
Document
$(document).ready(function() {
$('#defaultForm').bootstrapValidator({
message: ' ',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
username: {
message: ' ',
validators: {
notEmpty: {
message: ' '
},
stringLength: {
min: 2,
max: 6,
message: ' 2-6 '
},
},
},
password: {
validators: {
notEmpty: {
message: ' '
},
different: {
field: 'username',
message: ' '
}
},
},
}
});
});
htmlページはフォームデータをtestにコミットする.php、test.phpページで
$_POST
を使ってデータを受信すればよい.このプラグインは、単一のフォームが検証条件に合致しない場合にトリガーされるだけでなく、フォームが発行される前に各フォーム条件も検証され、非常に便利なフォーム検証プラグインと言える.転載先:https://www.cnblogs.com/YanCJ/p/7392639.html