電子メールアドレスのブートストラップ検証ツール

Question

こんにちは私はbootstrapValidatorを使用しています。電子メール検証ではemial@email.comの代わりにこのemial@emailが有効です。

<div class="col-sm-4 form-group"> 
    <div class="error-icon"> 
     <label class="control-label">Email</label> 
     <input class="form-control" id="person_email" name="person_email" placeholder="eg: youremail@gmail.com" type="email"> 
    </div> 
</div> 

スクリプト

$('#basicBootstrapForm').bootstrapValidator({ 
    feedbackIcons: { 
     valid: 'glyphicon glyphicon-ok', 
     invalid: 'glyphicon glyphicon-remove', 
     validating: 'glyphicon glyphicon-refresh' 
    }, 
    fields: { 
     person_email: { 
      validators: { 
       notEmpty: { 
        message: 'The email address is required' 
       }, 
       person_email: { 
        message: 'The input is not a valid email address' 
       } 
      } 
     }, 
    } 
}); 

任意の助けをいただければ幸いです。

Answer 1

regexpバリデータを使用して電子メールアドレスの式を定義することができます。

regexp: { 
    regexp: '^[^@\\s]+@([^@\\s]+\\.)+[^@\\s]+$', 
    message: 'The value is not a valid email address' 
} 

検証スクリプトは、[JavaScriptでメールアドレスを検証？]の

$('#basicBootstrapForm').bootstrapValidator({ 
    feedbackIcons: { 
    valid: 'glyphicon glyphicon-ok', 
    invalid: 'glyphicon glyphicon-remove', 
    validating: 'glyphicon glyphicon-refresh' 
    }, 
    fields: { 
    person_email: { 
     validators: { 
     notEmpty: { 
      message: 'The email address is required' 
     }, 
     regexp: { 
      regexp: '^[^@\\s]+@([^@\\s]+\\.)+[^@\\s]+$', 
      message: 'The value is not a valid email address' 
     } 
     } 
    }, 
    } 
}); 

Fiddle