asp页面表单中的提交页面如何调用自定义脚本

哈特比尔波 2009-03-10 06:17:19
比如我写一个用户注册页面，在头部写了一个JavaScript脚本用来检查表单内填写的内容是否符合要求。具体功能是这样的：当新用户填写完注册信息以后点击提交的时候就调用头部的那个JavaScript脚本来判断是否符合要求。如果符合要求再执行表单的action动作，如果不符合要求，就弹出错误提示，将页面留在本页并清除不符合要求的内容，将焦点定位在第一个不符合要求的输入框内。
下面是我写的代码请大家帮我看看我最大的错误错在什么地方，谢谢！也请大家把你们认为实现这个最好的asp代码和方法提供出来谢谢！
...全文
185 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
lichong876140 2009-03-18
  • 打赏
  • 举报
 回复
在FORM加上onSubmit = "return CheckForm()"
netwar 2009-03-12
  • 打赏
  • 举报
 回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新用户注册页面 </title>
<script language="javascript">
<!--
function CheckForm() {
var yhm=document.getElementById("yhm");
if (yhm.value=='') {
alert("用户名不能为空");
yhm.focus();
return false;
}

var mima=document.getElementById("mima");
if (mima.value =='') {
alert("密码不能为空");
mima.focus();
return false;
}

var remima=document.getElementById("remima");
if (mima.value!=remima.value) {
alert("两次输入密码不一样，请重新输入");
remima.focus();
remima.select();
return false;
}
return true;
}
//-->
</script>

</head>
<body>
<p>樊世集团网络交易平台新用户注册 </p>
<form id="form1" name="form1" method="post" action="" onsubmit="return CheckForm();">
用户名：
<label>
<input name="yhm" type="text" id="yhm" />
</label>
<br />
性　别
：
<label>男
<input type="radio" name="radio" id="sex" value="sex" />
</label>
女
<label>
<input type="radio" name="radio" id="sex2" value="sex" />
</label>
<p>密　码：
<label>
<input type="password" name="mima" id="mima" />
</label>
<br />
确认密码：
<label>
<input type="password" name="remima" id="remima" />
</label>
<br />
出生日期：
<label>
<select name="year" size="1" id="year">
<option value="1949">1949 </option>
<option value="1950">1950 </option>
<option value="1951">1951 </option>
<option value="1952">1952 </option>
<option value="1953">1953 </option>
<option value="1954">1954 </option>
<option value="1955">1955 </option>
<option value="1956">1956 </option>
<option value="1957">1957 </option>
<option value="1958">1958 </option>
<option value="1959">1959 </option>
<option value="1960">1960 </option>
<option value="1961">1961 </option>
<option value="1962">1962 </option>
<option value="1963">1963 </option>
<option value="1964">1964 </option>
<option value="1965">1965 </option>
<option value="1966">1966 </option>
<option value="1967">1967 </option>
<option value="1968">1968 </option>
<option value="1969">1969 </option>
<option value="1970">1970 </option>
<option value="1971">1971 </option>
<option value="1972">1972 </option>
<option value="1973">1973 </option>
<option value="1974">1974 </option>
<option value="1975">1975 </option>
<option value="1976">1976 </option>
<option value="1977">1977 </option>
<option value="1978">1978 </option>
<option value="1979">1979 </option>
<option value="1980">1980 </option>
<option value="1981">1981 </option>
<option value="1982">1982 </option>
<option value="1983">1983 </option>
<option value="1984">1984 </option>
<option value="1985">1985 </option>
<option value="1986">1986 </option>
<option value="1987">1987 </option>
<option value="1988">1988 </option>
<option value="1989">1989 </option>
<option value="1990">1990 </option>
<option value="1991">1991 </option>
</select>
</label>
年
<label>
<select name="mouth" size="1" id="mouth">
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
<option value="4">4 </option>
<option value="5">5 </option>
<option value="6">6 </option>
<option value="7">7 </option>
<option value="8">8 </option>
<option value="9">9 </option>
<option value="10">10 </option>
<option value="11">11 </option>
<option value="12">12 </option>
</select>
</label>
月
<label>
<select name="day" size="1" id="day">
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
<option value="4">4 </option>
<option value="5">5 </option>
<option value="6">6 </option>
<option value="7">7 </option>
<option value="8">8 </option>
<option value="9">9 </option>
<option value="10">10 </option>
<option value="11">11 </option>
<option value="12">12 </option>
<option value="13">13 </option>
<option value="14">14 </option>
<option value="15">15 </option>
<option value="16">16 </option>
<option value="17">17 </option>
<option value="18">18 </option>
<option value="19">19 </option>
<option value="20">20 </option>
<option value="21">21 </option>
<option value="22">22 </option>
<option value="23">23 </option>
<option value="24">24 </option>
<option value="25">25 </option>
<option value="26">26 </option>
<option value="27">27 </option>
<option value="28">28 </option>
<option value="29">29 </option>
<option value="30">30 </option>
<option value="31">31 </option>
</select>
</label>
日 <br />
身份证号码：
<label>
<input name="informationnumber" type="text" id="informationnumber" size="18" maxlength="18" />
</label>
<br />
联系电话号码：
<label>
<input name="tellphone" type="text" id="tellphone" size="11" maxlength="11" />
</label>
<br />
电子邮件：
<label>
<input type="text" name="email" id="email" />
</label>
</p>
<p>
<label>
<input type="submit" name="tijiao" id="tijiao" value="提交"/>
</label>
<label>
<input type="reset" name="reseat" id="reseat" value="取消" />
</label>
</p>
</form>
</body>
</html>
zanglijia 2009-03-11
  • 打赏
  • 举报
 回复
我绿天使，接分来了
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>新用户注册页面 </title>
<script language="javascript">
<!-- // 检查表单
function CheckForm()
{
if (document.form1.yhm.value=="")
{
alert("用户名不能为空");
document.form1.yhm.focus();
return false;
}
else if (document.form1.mima.value =="")
{
alert("密码不能为空");
document.form1.mima.focus();
return false;
}
else if (document.form1.mima.value != document.form1.remima.value)
{
alert("两次输入密码不一样，请重新输入");
document.form1.mima.value="";
document.form1.remima.value="";
document.form1.mima.focus();
return false;
}
else
return true;
}
//-->
</script>
</head>
<body>
<p>樊世集团网络交易平台新用户注册 </p>
<form id="form1" name="form1" method="post" action="" onSubmit = "return CheckForm()"
>
用户名：
<label>
<input name="yhm" type="text" id="yhm" />
</label>
<br />
性　别
：
<label>男
<input type="radio" name="radio" id="sex" value="sex" />
</label>
女
<label>
<input type="radio" name="radio" id="sex2" value="sex" />
</label>
<p>密　码：
<label>
<input type="password" name="mima" id="mima" />
</label>
<br />
确认密码：
<label>
<input type="password" name="remima" id="remima" />
</label>
<br />
出生日期：
<label>
<select name="year" size="1" id="year">
<option value="1949">1949 </option>
<option value="1950">1950 </option>
<option value="1951">1951 </option>
<option value="1952">1952 </option>
<option value="1953">1953 </option>
<option value="1954">1954 </option>
<option value="1955">1955 </option>
<option value="1956">1956 </option>
<option value="1957">1957 </option>
<option value="1958">1958 </option>
<option value="1959">1959 </option>
<option value="1960">1960 </option>
<option value="1961">1961 </option>
<option value="1962">1962 </option>
<option value="1963">1963 </option>
<option value="1964">1964 </option>
<option value="1965">1965 </option>
<option value="1966">1966 </option>
<option value="1967">1967 </option>
<option value="1968">1968 </option>
<option value="1969">1969 </option>
<option value="1970">1970 </option>
<option value="1971">1971 </option>
<option value="1972">1972 </option>
<option value="1973">1973 </option>
<option value="1974">1974 </option>
<option value="1975">1975 </option>
<option value="1976">1976 </option>
<option value="1977">1977 </option>
<option value="1978">1978 </option>
<option value="1979">1979 </option>
<option value="1980">1980 </option>
<option value="1981">1981 </option>
<option value="1982">1982 </option>
<option value="1983">1983 </option>
<option value="1984">1984 </option>
<option value="1985">1985 </option>
<option value="1986">1986 </option>
<option value="1987">1987 </option>
<option value="1988">1988 </option>
<option value="1989">1989 </option>
<option value="1990">1990 </option>
<option value="1991">1991 </option>
</select>
</label>
年
<label>
<select name="mouth" size="1" id="mouth">
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
<option value="4">4 </option>
<option value="5">5 </option>
<option value="6">6 </option>
<option value="7">7 </option>
<option value="8">8 </option>
<option value="9">9 </option>
<option value="10">10 </option>
<option value="11">11 </option>
<option value="12">12 </option>
</select>
</label>
月
<label>
<select name="day" size="1" id="day">
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
<option value="4">4 </option>
<option value="5">5 </option>
<option value="6">6 </option>
<option value="7">7 </option>
<option value="8">8 </option>
<option value="9">9 </option>
<option value="10">10 </option>
<option value="11">11 </option>
<option value="12">12 </option>
<option value="13">13 </option>
<option value="14">14 </option>
<option value="15">15 </option>
<option value="16">16 </option>
<option value="17">17 </option>
<option value="18">18 </option>
<option value="19">19 </option>
<option value="20">20 </option>
<option value="21">21 </option>
<option value="22">22 </option>
<option value="23">23 </option>
<option value="24">24 </option>
<option value="25">25 </option>
<option value="26">26 </option>
<option value="27">27 </option>
<option value="28">28 </option>
<option value="29">29 </option>
<option value="30">30 </option>
<option value="31">31 </option>
</select>
</label>
日 <br />
身份证号码：
<label>
<input name="informationnumber" type="text" id="informationnumber" size="18" maxlength="18" />
</label>
<br />
联系电话号码：
<label>
<input name="tellphone" type="text" id="tellphone" size="11" maxlength="11" />
</label>
<br />
电子邮件：
<label>
<input type="text" name="email" id="email" />
</label>
</p>
<p>
<label>
<input type="submit" name="tijiao" id="tijiao" value="提交"/>
</label>
<label>
<input type="reset" name="reseat" id="reseat" value="取消" />
</label>
</p>
</form>
</body>
<!--#include file="banquan.html"-->
</html>
哈特比尔波 2009-03-10
  • 打赏
  • 举报
 回复
刚才忘记了写上我的代码了现在写出来：
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新用户注册页面</title>
<script language="javascript">
<!-- // 检查表单
function CheckForm()
{
if (Form1.yhm.value=='')
{
alert("用户名不能为空");
Form1.yhm.focus();
return false;
}
else if (Form1.mima.value =='')
{
alert("密码不能为空");
form1.mima.focus();
return false;
}
else if (form1.mima.value != form1.remima.value)
{
alert("两次输入密码不一样，请重新输入");
form1.mima.value="";
form1.remima.value="";
form1.mima.focus();
return.false;
}
else
form1.submit();
}
//-->
</script>
</head>
<body>
<p>樊世集团网络交易平台新用户注册</p>
<form id="form1" name="form1" method="post" action="">
用户名：
<label>
<input name="yhm" type="text" id="yhm" />
</label>
<br />
性　别
：
<label>男
<input type="radio" name="radio" id="sex" value="sex" />
</label>
女
<label>
<input type="radio" name="radio" id="sex2" value="sex" />
</label>
<p>密　码：
<label>
<input type="password" name="mima" id="mima" />
</label>
<br />
确认密码：
<label>
<input type="password" name="remima" id="remima" />
</label>
<br />
出生日期：
<label>
<select name="year" size="1" id="year">
<option value="1949">1949</option>
<option value="1950">1950</option>
<option value="1951">1951</option>
<option value="1952">1952</option>
<option value="1953">1953</option>
<option value="1954">1954</option>
<option value="1955">1955</option>
<option value="1956">1956</option>
<option value="1957">1957</option>
<option value="1958">1958</option>
<option value="1959">1959</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
</select>
</label>
年
<label>
<select name="mouth" size="1" id="mouth">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</label>
月
<label>
<select name="day" size="1" id="day">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</label>
日<br />
身份证号码：
<label>
<input name="informationnumber" type="text" id="informationnumber" size="18" maxlength="18" />
</label>
<br />
联系电话号码：
<label>
<input name="tellphone" type="text" id="tellphone" size="11" maxlength="11" />
</label>
<br />
电子邮件：
<label>
<input type="text" name="email" id="email" />
</label>
</p>
<p>
<label>
<input type="submit" name="tijiao" id="tijiao" onclick="CheckForm()" value="提交"/>
</label>
<label>
<input type="reset" name="reseat" id="reseat" value="取消" />
</label>
</p>
</form>
</body>
<!--#include file="banquan.html"-->
</html>
JavaScript网页特效范例宝典源码
实例298 在ASP中利用Word自动打印指定格式的会议记录 470 实例299 在PHP中调用Word自动打印指定格式的会议记录 472 11.3 利用Excel打印报表 474 实例300 将Web页面中的数据导出到Excel 474 实例301 将Web页面中的...
JAVA上百实例源码以及开源项目
在有状态SessionBean中，用累加器，以对话状态存储起来，创建EJB对象，并将当前的计数器初始化，调用每一个EJB对象的count()方法，保证Bean正常被激活和钝化，EJB对象是用完毕，从内存中清除…… Java Socket 聊天...
ASP.NET实战-零基础"抄近路"驾驭ASP.NET网站开发
本课程开发模式：Web Pages（Web 页面） 课程大致完成内容： 1、ASP.NET是一个使用 HTML、CSS、JavaScript和服务器脚本创建网页和网站的开发框架。 2、ASP.NET支持三种不同的开发模式： Web Pages（Web 页面） MVC...
php自定义表单程序,自定义流程gooflow2.0+自定义表单
一、功能简介gooflow功能清单1、自定义流程绘制2、自定义属性添加3、支持3种步骤类型普通审批步骤自动决策步骤手动决策步骤4、决策方式(支持js决策，sql语句决策)5、审批人员参与方式，可以自定配置，系统目前自带...
自定义表单的三种方式实现
目前在项目中碰到要实现自定义表单,我从网上或请教了高手实现的方法,总结有三种的实现方式,现大概讲解下, 一种是HTML模版的方式:表单灵活定义的实现方式是通过利用Frontpage或Dreamweaver等对问卷HTML文件进行编辑...
ASP

28,391

社区成员

357,060

社区内容

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章