電子郵件地址的Bootstrap驗證器

Question

嗨，我正在使用bootstrapValidator。電子郵件驗證計數此emial@email有效，而不是emial@email.com。

<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' 
} 

驗證腳本會

$('#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