Home/ Questions/Q 9244385
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T09:01:01+00:00

I am able to check for empty field but how do I also check

  • 0

I am able to check for empty field but how do I also check for the valid email checking regular expression? here is what I have so far

<script>
function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
var y=document.forms["myForm"]["email"].value;
if (y==null || y=="")
  {
  alert("email must be filled out");
  return false;
  }
}
</script>
</head>

<body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname"><br>
email: <input type="text" name="email">

<br><br>
<input type="submit" value="Submit">
</form>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The fist thing you could do is use the HTML5 type="email" attribute., the browser will validate natively. But you must always have a fall-back.

    Use (found here)

    /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/

    as regualar expression: and do

    var validEmailStyle = /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/
if(!validEmailStyle.test(document.forms["myForm"]["email"].value))
{
  // the user is dumb and fill in an invalid email, show a help text
  // or something like that
}​

    –
    edit after valid comment of PeeHaa

    You must not forget to also validate server side, if you are using PHP you can use preg_match with the same regexp

    • 0