输入用户名和邮箱页面:
<form name="form1" method="get" action="http://livechat.cnobin.com/livechat" onSubmit="return check(this)" >
<input type="hidden" name="id" value="1000032001"/>
<tr>
<td width="190" height="28" align="right" class="font_blue">Full Name:</td>
<td width="382">
<input type="text" name ="name" size="40" style="background:#B0DFF1;color:#115A88;border:1 solid #FFFFFF;">
</td>
</tr>
<tr>
<td height="28" align="right" class="font_blue" width="190">E-mail: </td>
<td width="382">
<input type="text" name ="email" size="40" style="background:#B0DFF1;color:#115A88;border:1 solid #FFFFFF;">
</td>
</tr>
<tr align="center">
<td colspan="2">
<input type="Submit" name="Submit" value="submit">
<input type="reset" name="reset" value="reset">
</td>
</tr>
</form>
注意:onSubmit写在form那行,form中还有action提交。
return check(this)的js代码:
function check(form)
{
var name = form.name.value;
var email = form.email.value;
var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(/.[a-zA-Z0-9_-])+/;
var flag = pattern.test(email);
if(name == "")
{
alert ("Please input the full name!");
form.name.focus();
return false;
}
else
{
if(email == "")
{
alert ("Please input the E-mail!");
form.email.focus();
return false;
}
else if(!flag)
{
alert("The email you entered is not avaliable!")
form.email.focus();
return false;
}
}
return true;
}