| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1025 人关注过本帖
标题:请教版主一个简单JavaScript,谢谢
只看楼主 加入收藏
myland
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2009-8-11
结帖率:0
收藏
已结贴  问题点数:20 回复次数:6 
请教版主一个简单JavaScript,谢谢
能够判断表单带“*”符号的必填项,拿到题目是这样的~~

编写javascirpt脚本函数“CheckInput()”实现,能够判断表单带“*”符号的必填项“您的大名“内容是否为空,为空出现提示”请正确填写!“,不为空则提示“恭喜您!”。
为表单添加“onSubmit”事件时调用编写的“CheckInput()”脚本函数,实现单击“提交留言”按钮后对必填项的输入验证。

页面已经做好~~~就差表单验证,网页代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
-->
</style>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.STYLE1 {color: #FF0000}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></head>

<body>
<table width="770" height="500" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="130" rowspan="2" bgcolor="#9CD339">&nbsp;</td>
    <td width="555" height="62" bgcolor="#9CD339">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="middle"><table width="640" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" valign="middle"><div class="css" id="message-top">留言板</div></td>
      </tr>
      <tr>
        <td height="15"><hr /></td>
      </tr>
      <tr>
        <td><div class="css2" id="message-main">
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td height="25" align="center" valign="middle">请在此留言</td>
            </tr>
            <tr>
              <td><form id="messsage Form" name="messsage Form" method="post" action="">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="38%" height="50" align="left">你的大名:
                      <label>
                      <input name="yourname" type="text" id="yourname" value="" size="18" />
                      <span class="STYLE1">*</span></label></td>
                    <td width="29%" align="left">QQ:
                      <label>
                      <input name="qqno" type="text" id="qqno" size="15" maxlength="20" />
                      </label></td>
                    <td width="33%" align="center">来自:
                      <label>
                      <input name="fromcity" type="text" id="fromcity" size="18" />
                      </label></td>
                  </tr>
                  <tr>
                    <td height="50" align="left">邮箱地址:
                      <input name="mailbox" type="text" id="mailbox" value="" size="20" /></td>
                    <td align="left">性别:                     
                      <select name="sex" size="1" id="sex">
                        <option>保密</option>
                        <option>男</option>
                        <option>女</option>
                      </select></td>
                    <td align="center">&nbsp;</td>
                  </tr>
                  <tr>
                    <td height="50" colspan="2" align="left" valign="middle">主 &nbsp;&nbsp;&nbsp;页:
                      <label>
                      <input name="vebpage" type="text" id="vebpage" size="40" />
                      </label></td>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td height="100" colspan="3" align="center" valign="bottom">内容:
                      <label>
                      <textarea name="mesageinfo" cols="75" rows="6" id="mesageinfo"></textarea>
                      </label></td>
                    </tr>
                  <tr>
                    <td height="50">&nbsp;</td>
                    <td align="center" valign="middle"><label>
                      <input type="submit" name="Submit" value="提交留言" />
                    </label></td>
                    <td>&nbsp;</td>
                  </tr>
                </table>
              </form>
              </td>
            </tr>
          </table>
        </div></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

[ 本帖最后由 myland 于 2009-8-15 19:22 编辑 ]

23.JPG (166.58 KB)
图片附件: 游客没有浏览图片的权限,请 登录注册
搜索更多相关主题的帖子: 表单 JavaScript 符号 版主 判断 
2009-08-11 20:35
编程之星
Rank: 5Rank: 5
等 级:职业侠客
威 望:2
帖 子:285
专家分:391
注 册:2007-4-10
收藏
得分:6 

在<head>标记中加入
<script>
function submit()
{
  if(document.getElementById("yourname").value=="")
  {
    alert("请务必填上名称");
    return false;
  }else{
    return true;
  }
}
</script>

修改“提交”按钮
<input type="submit" name="Submit" value="提交留言" onclick="return submit()"/>


_____________________________________________________________________________________________

以上代码未经调试。

怎么越学就觉得自己越笨
2009-08-12 14:22
myland
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2009-8-11
收藏
得分:0 
符号的必填项“您的大名“内容是否为空,为空出现提示”请正确填写!“,不为空则提示“恭喜您!”。


请问楼上朋友

“恭喜您!”怎么编写


谢谢
2009-08-13 19:13
编程之星
Rank: 5Rank: 5
等 级:职业侠客
威 望:2
帖 子:285
专家分:391
注 册:2007-4-10
收藏
得分:0 
在<head>标记中加入
<script>
function submit()
{
  if(document.getElementById("yourname").value=="")
  {
    alert("请正确填写!");
    return false;
  }else{
    alert("恭喜您!");  
    return true;
  }
}
</script>
 
修改“提交”按钮
<input type="submit" name="Submit" value="提交留言" onclick="return submit()"/>

怎么越学就觉得自己越笨
2009-08-14 01:28
myland
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2009-8-11
收藏
得分:0 
非常感谢“编程之星”会员的帮忙

虽然编写的没有使用脚本函数“CheckInput()”实现,但是还是非常感谢


后来我初步明白了

验证正确了~

如下

<script language="JavaScript">
function checkInput(){
    if(document.forms[0].yourname.value==""){
        alert("请正确填写");
        return false;
          }else{  
    alert("恭喜您!");   
    return true;  
    }
}
</script>
 
 

提交按钮如下:

<form id="messsage Form" name="messsage Form" method="post" action="save,aspx" onsubmit="return checkInput()">
2009-08-15 19:18
gabrk1985
Rank: 1
等 级:新手上路
帖 子:27
专家分:7
注 册:2009-8-25
收藏
得分:6 
发一个JASP简单教程
http://www.适于初学者学习

jsvspjc.rar (161.61 KB)
2009-08-25 21:51
wz5615
Rank: 3Rank: 3
等 级:论坛游侠
帖 子:12
专家分:121
注 册:2009-7-14
收藏
得分:6 
看了下   不错    受教了
2009-08-26 16:54
快速回复:请教版主一个简单JavaScript,谢谢
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.030106 second(s), 10 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved