我要投稿
  • 您当前的位置:57365.com -> 技术教程 -> 网站建设教程 -> DOMJS教程 -> 教程内容
  • [ 收藏本页教程 ]
  • javascript进行客户端数据的校验DOMJS教程

    教程作者:佚名    教程来源:不详   教程栏目:DOMJS教程    收藏本页
     

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

    html网页代码:

    <html>
    <head>
    <title>文章发布</title>
    <link rel="stylesheet" type="text/css" href="/images/jishu513550stylecss.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>
    >
    您的姓名:<input type=text name=name size=30>
    </td>
    </tr>
    <tr>
    >
    您的信箱:<input type=text name=email size=30>
    </td>
    </tr>
    <tr>
    >
    文章标题:<input type="text" name=title size="50">
    </td>
    </tr>

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

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

     
    我要投稿   -   广告合作   -   关于本站   -   友情连接   -   网站地图   -   联系我们   -   版权声明   -   设为首页   -   加入收藏   -   网站留言
    Copyright © 2009 - 20012 www.www.hxswjs.com All Rights Reserved.57365.com 版权所有