运用html代码写出验证电子邮件的页面

我抽空给你写了一个，最核心代码：

function isEmail(strEmail) {

    if(strEmail == '') return true

    if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)

        return true

    else

        alert("oh")

}

代码演示地址：http://www.wenjiangs.com/wp-content/uploads/2017/04/verify-email-demo.html

第一种

<input type="email">

第二种：正则表达式

var email = 'youemail@gmail.com'

var email_reg = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/

if( email_reg.test( email ) ) {

    alert('邮箱格式正确')

} else {

    alert('邮箱格式错误')

}

HTML5验证

1

HTML5加强了表单验证功能，可验证是否可空及输入内容的类型及格式，并可通过为表单或控件设置

novalidate

属性指定在提交表单时不验证整个

form

或指定的input。

例：

<form

action="demo_form.asp"

method="get"

novalidate="false">

<input

type="text"

name="user_name"

required

novalidate="true"/>

<input

type="number"...

HTML5验证

1

HTML5加强了表单验证功能，可验证是否可空及输入内容的类型及格式，并可通过为表单或控件设置

novalidate

属性指定在提交表单时不验证整个

form

或指定的input。

例：

<form

action="demo_form.asp"

method="get"

novalidate="false">

<input

type="text"

name="user_name"

required

novalidate="true"/>

<input

type="number"

name="user_age"

/>

<input

type="submit"

/>

</form>

END

INPUT验证

1

INPUT

标签中通过

type属性指定输入内容类型：

email，指定输入内容为电子邮件地址。

url，指定输入内容为URL。

number，指定输入内容为数字，并可通过

min、max、step

属性指定最大最小及间隔。

date、month、week、time、datetime、datetime-local

指定输入内容为相应日期相关类型。

color，指定控件为颜色选择器。

例：<input

id="u_email"

name="u_email"

type="email"/>

END

其它验证

required

属性指定输入内容不可为空。

pattern

属性指定输入内容必须符合指定模式（正则表达式）。

例：

<input

id="phone_num"

name="phone_num"

type="text"

pattern="\d{3}-\d{4}-\d{4}"

placeholder="xxx-xxxx-xxxx"/>

END

JS验证

1

主流浏览器都已实现或实现了大部分HTML的验证功能，可各浏览器验证行为并不完全一致，为统一其验证行为，可按旧办法自定义JS方法统一浏览器的验证行为。

END

全部

---