javascript进行客户端数据的校验

爱已随心飞射手

爱已随心飞射手

2016-01-29 11:31

javascript进行客户端数据的校验,&#106avascript进行客户端数据的校验
 

 //作者:叨叨
//email:pjzhp@263.net
//客户端对用户输入数据校验
//如果输入的内容不满足,则不提交,并且焦点自动跳到该位置。
//比发送以后在服务器端校验数据要好用的多!

脚本代码:

<script language="JavaScript"
<!--
function Juge(theForm)
{

if (theForm.title.value == "")
{
alert("请输入标题!");
theForm.title.focus();
return (false);
}
if (theForm.detail.value == "")
{
alert("请输入内容!");
theForm.detail.focus();
return (false);
}
if (theForm.name.value == "")
{
alert("请输入作者!");
theForm.name.focus();
return (false);
}
if (theForm.email.value == "")
{
alert("请输入信箱!");
theForm.email.focus();
return (false);
}

}

--
</script

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)

html网页代码:

<html
<head
<title文章发布</title
<link rel="stylesheet" type="text/css" href="style.css"
</head

<body bgcolor=#fafee9
<center原创文章投稿处</center
<br<center<font color=red此处严禁发表转载或者抄袭的文章!</font</center
<form name="form1" method="post" action="pub_ok.php" onsubmit="javascript:return Juge(this);"
<table width="90%" border="0" cellspacing="1" cellpadding="1" align="center"
<tr
<td
您的姓名:<input type=text name=name size=30
</td
</tr
<tr
<td
您的信箱:<input type=text name=email size=30
</td
</tr
<tr
<td
文章标题:<input type="text" name=title size="50"
</td
</tr

<tr
<td
文章内容:<br<textarea name=detail style="width=80%;height=180px;"</textarea
</td
</tr
<tr
<td
一些说明:<br<textarea name=demo style="width=80%;height=80px;"</textarea
</td
</tr
<tr
<td<input type="submit" name="pub" value="发布您的作品"</td
</tr
</table
</form
<p
</body
</html

//取自我网站的原创文学发布页面。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com) 
展开更多 50%)
分享

猜你喜欢

javascript进行客户端数据的校验

电脑网络
javascript进行客户端数据的校验

javascript进行客户端数据的校验

Web开发
javascript进行客户端数据的校验

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript进行客户端数据的校验(1)

电脑网络
javascript进行客户端数据的校验(1)

javascript进行客户端数据的校验(2)

电脑网络
javascript进行客户端数据的校验(2)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

javascript做的数据校验(校验IP地址等)

ASP
javascript做的数据校验(校验IP地址等)

jquery 表单进行客户端验证demo

Web开发
jquery 表单进行客户端验证demo

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

《放开那三国》武将进阶效率解析

《放开那三国》武将进阶效率解析

javascript实例教程(20) OLE Automation(7)

javascript实例教程(20) OLE Automation(7)
下拉加载更多内容 ↓