Hi I am using bootstrapValidator. The Email validation count this emial@email valid instead of [email protected].

<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: [email protected]" type="email">
    </div>
</div>

Script

$('#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'
               }
           }
        },
    }
});

Any help would be appreciated.

Hi I am using bootstrapValidator. The Email validation count this emial@email valid instead of [email protected].

<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: [email protected]" type="email">
    </div>
</div>

Script

$('#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'
               }
           }
        },
    }
});

Any help would be appreciated.

• javascript
• twitter-bootstrap
• validation
• jqbootstrapvalidation
• bootstrapvalidator

Share Improve this question Follow edited Apr 11, 2016 at 23:53 Shehary 9,9901010 gold badges4646 silver badges7575 bronze badges asked Apr 11, 2016 at 18:20 dev.learndev.learn 18722 silver badges1414 bronze badges 1

• Possible duplicate of Validate email address in JavaScript? – TayTay Commented Apr 11, 2016 at 18:21

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

you can use the regexp validator to define expression of email address.

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

Validation script will be

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