问题简单,分不少,帮我在表单提交前加个判断.

N_G_U 2011-06-25 09:13:21

我是WEB开发的门外汉,啥都不懂,希望这里的兄弟姐妹帮帮忙.
下面的代码请增加一些代码,以便在提交前判断用户输入是否合法,比如长度是否够,电邮格式是否正确
如果不正确,弹出一个提示,并在用户点击确定后把焦点定位在该输入框上.
如果正确就是提交出去.
第一个输入框要求不少于3个字符(中英都可以),第二个输入框是电邮.
谢谢!!!

================================ 网页开始 ===============================================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<td align="left">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="V8DADRA2349GE">
<table width="100%" border="0">
<tr>
<td width="40%">
<table width="100%" align="left">
<tr><td width="100%">

<input type="hidden" name="on0" value="Company Name"><strong><span class="STYLE1">*</span>Company Name:</strong><br />
Not less than 3 characters.</td></tr>
<tr><td><input type="text" name="os0" maxlength="250"></td></tr>

<tr><td><input type="hidden" name="on1" value="Email"><strong><span class="STYLE1">*</span>Company Email:</strong><br />
We will send License Key to this email.</td></tr>
<tr><td><input type="text" name="os1" maxlength="60"></td></tr>

<tr><td><input type="hidden" name="on2" value="Address"><strong>Company Address:</strong></td></tr>
<tr><td><input type="text" name="os2" maxlength="250"></td></tr>

<tr><td><input type="hidden" name="on3" value="Phone"><strong>Company Phone:</strong></td></tr>
<tr><td><input type="text" name="os3" maxlength="60"></td></tr>
</table> </td>
<td align="left" valign="bottom">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</td>
</tr>
</table>
</form> </td>

</BODY>
</HTML>

...全文

72 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

104 2011-06-25

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script language="javascript">
function check_mail(email)
{
if(email.length <= 0)
{
alert("Please input your email.");
return 1;
}

if (email.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
{
return 0;
}
else
{
alert("Please enter a valid email.");
return 2;
}
}

function check_it()
{
if(form_EL.os0.value.length < 3)
{
alert("Company name must be at least 3 characters in length.");
form_EL.os0.focus();
return false;
}

rtn = check_mail(form_EL.os1.value);
if(rtn != 0){
form_EL.os1.focus();
return false;
}
return true;
}
</script>

<BODY>
<td align="left">
<form name="form_EL" action="https://www.paypal.com/cgi-bin/webscr" method="post"
onsubmit="return check_it();">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="V8DADRA2249GE">
<table width="100%" border="0">
<tr>
<td width="40%">
<table width="100%" align="left">
<tr><td width="100%">

<input type="hidden" name="on0" value="Company Name"><strong><span class="STYLE1">*</span>Company Name:</strong><br />
Not less than 3 characters.</td></tr>
<tr><td><input type="text" name="os0" maxlength="250"></td></tr>

<tr><td><input type="hidden" name="on1" value="Email"><strong><span class="STYLE1">*</span>Company Email:</strong><br />
We will send License Key to this email.</td></tr>
<tr><td><input type="text" name="os1" maxlength="60"></td></tr>

<tr><td><input type="hidden" name="on2" value="Address"><strong>Company Address:</strong></td></tr>
<tr><td><input type="text" name="os2" maxlength="250"></td></tr>

<tr><td><input type="hidden" name="on3" value="Phone"><strong>Company Phone:</strong></td></tr>
<tr><td><input type="text" name="os3" maxlength="60"></td></tr>
</table> </td>
<td align="left" valign="bottom">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</td>
</tr>
</table>
</form> </td>

</BODY>
</HTML>

乌镇程序员 2011-06-25

打赏
举报

验证代码加到<head>标签中：

<script type="text/javascript">

window.onload = function() {

	document.getElementsByTagName('form')[0].onsubmit = function() {

		var companyName = document.forms[0].os0;

		if (companyName.value.length < 3) {

			companyName.focus();

			alert('公司名称长度必须大于3个字符');

			return false;

		}

		var eMail = document.forms[0].os1;

		var patt = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;

		if (!patt.test(eMail.value)) {

			eMail.focus();

			alert('Company Email格式有误，请重新输入');

			return false;

		}

		return true;

	}

}

</script>