BootstrapValidatorプラグインによるフォーム検証

3191 ワード

BootstrapValidatorプラグインはGithubの3年前のコード倉庫で、作者は今すでにメンテナンスしていないで、新しいプラグインFormValidationを出して、しかし新しく出たこのプラグインは有料で、普通の開発者にとって、BootstrapValidatorプラグインも十分で、ここは転送ゲートです:nghuuphuoc/bootstrapvalidator.著者が提供したdemoはよく、異なるフォーム検証に関連しており、自分で異なるフォーム検証を修正してテストすることができます.私の次のコードは、ユーザー名とパスワードの検証のみを示し、クイックスタート学習として使用します.



    
    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