JS验证邮箱手机还有姓名的必填功能,怎么做 急急急

JavaScript019

JS验证邮箱手机还有姓名的必填功能,怎么做 急急急,第1张

提交的时候给表调加一个 onsubmit事件,判断所写的js方法是否成功

<html>

<form method="post" action="" onsubmit="sub()">

<table>

<tr>

<td>

姓名:

</td>

<td>

<input type="text" name="name" id="name">

</td>

</tr>

<tr>

<td>

年龄:

</td>

<td>

<input type="text" name="age" id="age">

</td>

</tr>

<tr align="center">

<td>

<input type="submit" value="提交">

</td>

<td>

<input type="reset">

</td>

</tr>

</form>

</html>

<script>

//验证姓名

function checkname(){

.....

}

//验证年龄

function checkage(){

.....

}

//验证是否能提交

function sub(){

if(checkname()==false){

return false

}else if(checkage()==false){

return false

}

return true

}

</script>

试了一下,可以的,而且正则表达式也支持这样的格式.

alert(/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/gi.test('dingyh.bjhy@sinopec.com'))

这样的语句返回true,没问题

$(function(){

//email检查

$("#txtEmail").blur(function(){

formFlag.email = false//将email设置成未通过检查

$("#email\\.info").html("")//清空错误提示

var emailTxt = $(this).val()//用户输入email

var pattern=/\b(^['_A-Za-z0-9-]+(\.['_A-Za-z0-9-]+)*@([A-Za-z0-9-])+(\.[A-Za-z0-9-]+)*((\.[A-Za-z0-9]{2,})|(\.[A-Za-z0-9]{2,}\.[A-Za-z0-9]{2,}))$)\b/

if(emailTxt == ""){

$("#email\\.info").html("邮箱地址不能为空!")

}else if(!pattern.test(emailTxt)){

$("#email\\.info").html("邮箱地址格式不正确!")

}else{//唯一性检查

$("#email\\.info").html("正在检测...")

$.post(

"/dang/user/checkemail.action",

{"email":emailTxt},

function(data){//data是服务器返回的ok属性值

if(data){

$("#email\\.info").html("该邮箱地址可用!")

formFlag.email = true

}else{

$("#email\\.info").html("该邮箱地址不可用!")

}

}

)

}

})

})