How to check email validation using JavaScript?

Question

I want to check my field is nil, then return true otherwise check email validation. My field name is app_email.

$.validator.addMethod("checkEmail", function(app_email, element) {
        var result;
        if (condition) {
            result = (app_email === "NIL") ? true : false;  
        } else {
            preg_match( /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/,app_email);
            return true;
        }
    }, 
    "Email id is not valid."
);

html

                      <div class="control-group">
                       <label class="control-label">E-mail ID<span class="required">*</span></label>
                            <div class="controls">
                                  <input type="text" class="span6 m-wrap"  name="app_email" title="Enter Email Id">  
                            </div>
                       </div>

you want to your field to allow user if he didnt enter anything.. if he enters shuld check for validation right ? — Tummala Krishna Kishore
– Tummala Krishna Kishore, Commented Sep 28, 2015 at 6:24
You can use radio button check inside custom validation function. See my answer here with working demo — Hüseyin BABAL
– Hüseyin BABAL, Commented Sep 28, 2015 at 6:31
cant you just use input type email, it will take care of rest — Vinay Pratap Singh Bhadauria
– Vinay Pratap Singh Bhadauria, Commented Sep 28, 2015 at 6:32
You can do this without writing a single line of js code by using <input type="email" /> :) — AdityaParab
– AdityaParab, Commented Sep 28, 2015 at 6:32

jmvtrinidad · Accepted Answer · 2015-09-28 06:30:55Z

2

If you are using jQuery Validation, you can use the default function like this.

You can refer to this link.

$( "#myform" ).validate({
  rules: {
    fieldNameHere: {
      required: true,
      email: true
    }
  }
});

Check if the value is 'NIL' return true, otherwise, validate email.

$.validator.addMethod("checkEmail", 
    function(value, element) {
        return value === "NIL" ? true : /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/.test(value);
    }, 
    "Email id is not valid."
    );

edited Sep 28, 2015 at 6:30

answered Sep 28, 2015 at 6:06

jmvtrinidad

3,6986 gold badges25 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

robins Over a year ago

I want to check my field is nil

jmvtrinidad Over a year ago

What do you want to check, field value or field name?

robins Over a year ago

I want to check my field value is nil,that is allowed

jmvtrinidad Over a year ago

Check my edit, you can use checkEmail instead of email in rules.,.

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

Demo

You can use radio button check inside custom validation like below.

JS:

jQuery.validator.addMethod("checkEmail", function (value, element) {
        if ($('input:radio').is(':checked')) {
            if (/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/.test(value)) {
                return true;
            } else {    
                return false;
            }
        } else {
            return true;
        }
        
    }, "Email id is not valid.");

    $('#myform').validate({
        rules: {
            email: {
                checkEmail: true
            }
        }
    });

HTML:

<form id="myform">
    <input type="radio" value="">
    <input name="email" id="email" type="text"/>
    <input type="submit" />
</form>

In this example, email validation will be perform if the radio button is selected.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Sep 28, 2015 at 6:30

Hüseyin BABAL

15.6k5 gold badges53 silver badges74 bronze badges

2 Comments

Hüseyin BABAL Over a year ago

What is the type then? I have used one radio button and an email text input. If you provide the field type, I can update demo and answer

Hüseyin BABAL Over a year ago

That is for email field, what about check input? Could you please put your html also in your question?

Collectives™ on Stack Overflow

How to check email validation using JavaScript?

2 Answers 2

4 Comments

Demo

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related