javascript进行客户端数据的校验

倔强得逞强

倔强得逞强

2016-02-19 19:36

今天图老师小编要向大家分享个javascript进行客户端数据的校验教程,过程简单易学,相信聪明的你一定能轻松get!

 //作者:叨叨
//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);
}

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

}

--
</script

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

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

<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

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

展开更多 50%)
分享

猜你喜欢

javascript进行客户端数据的校验

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

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

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

s8lol主宰符文怎么配

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

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

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

javascript进行客户端数据的校验

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

lol偷钱流符文搭配推荐

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

jquery 表单进行客户端验证demo

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

用Web页面执行客户端程序

ASP
用Web页面执行客户端程序

lolAD刺客新符文搭配推荐

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

关于Firefox下JavaScript设置主页

关于Firefox下JavaScript设置主页

WPS文字2024利用域来计算试卷总分

WPS文字2024利用域来计算试卷总分
下拉加载更多内容 ↓