1000hzブートストラップ検証が正しく機能していません

Question

1000hz bootstrap validationを使用して検証を実装しています。 2つのこと以外はすべてうまくいっています。

1）。 data-matchは、両方のパスワードを同じに入力しても機能しません。ここで私はそれをGoogleで検索し、私は同様の問題hereを参照疑問を持ってコード -

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="../js/bootstrap.min.js"></script> 
<script type="text/javascript" src="../js/login-reg.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.9.0/validator.min.js"></script> 

<div class="form-group"> 
    <input type="password" name="inputPassword" data-minlength="6" id="password" tabindex="1" class="form-control" placeholder="password" value="" required> 
    <div class="help-block">Minimum of 6 characters</div> 
</div> 
<div class="form-group has-feedback"> 
    <input type="password" name="confirm-password" id="confirm-password" tabindex="1" class="form-control" placeholder="confirm password" value="" data-match="#inputPassword" data-match-error="Whoops, these don't match" required> 
    <span class="glyphicon form-control-feedback"></span> 
    <div class="help-block with-errors"></div> 
</div> 
<div class="form-group"> 
    <div class="row"> 
    <div class="col-sm-6 col-sm-offset-3"> 
    <input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-register" value="Register Now"> 
    </div> 
    </div> 
</div> 

です。同じページの1000hzで提供されているソリューションを見て、自分のコードをチェックしましたが、問題を解決できません。 どうか私は間違っていると教えてください？

2）。 example@gmail（これは多く）と入力すると、メールの正当性が確認されます。 .comも検証してはいけませんか？

​​

私は、電子メールアドレスは、そう、それは三つの主要部品 - before @、some text after @と.com in the endを持っているこのexample@gmail.comのようであることを意味します。私がexample@と入力すると、 "Email is invalid"と表示されますが、私も同意しますが、入力した瞬間には​​アラートは表示されません。これは電子メールアドレスを検証する正しい方法ですか？または私は会話のセンスですか？電子メールアドレスを検証する正しい方法は何ですか？

PS-ウェブサイトにアクセスし、example@と​​と書いてみてください。

Answer 1

1）あなたは data-match="#inputPassword"

を書きましたが、 "＃" 記号は、通常の要素ではなく、名前のIDに対応しています。あなたの場合は分かりませんが、チェックする価値はあります。

2）電子メールの検証は正しく実行するのが非常に難しく、there is a "@" sign somewhere in the middle of the stringのような基本的なチェックしか行いません。他のチェック（あなたが.comを持っているかのように）を、より高度なフレームワークやカスタムスクリプト（またはバックエンドのみ）で実行する必要があります。

EDIT：最後の請求のためのソース： http://formvalidation.io/validators/emailAddress/#is-ab-valid-email-address

Answer 2

それはちょっと間違いでした。 data-matchの値はidです。正しいコードは、-

<div class="form-group"> 
    <input type="password" name="Password" data-minlength="6" id="inputPassword" tabindex="1" class="form-control" placeholder="password" value="" required> 
    <div class="help-block">Minimum of 6 characters</div> 
</div> 
<div class="form-group has-feedback"> 
    <input type="password" name="confirm-password" id="confirm-password" tabindex="1" class="form-control" placeholder="confirm password" value="" data-match="#inputPassword" data-match-error="Whoops, these don't match" required> 
    <span class="glyphicon form-control-feedback"></span> 
    <div class="help-block with-errors"></div> 
</div>