这个效果怎么做???

net205 2003-09-25 10:02:12
如图:http://www.18asp.com/net205/temp/form.bmp
就是在一个静态的htm文件中加入js来检查,当“合同人数”有非数字字符,则在按"提交"后在1处显示“这儿必须为数字!”
...全文
46 18 打赏 收藏 转发到动态 举报
写回复
用AI写文章
18 条回复
切换为时间正序
请发表友善的回复…
发表回复
cnwolfwind 2003-09-28
  • 打赏
  • 举报
回复
动态改变文本和Html
<html>
<head>
<title>DHtml举例12</title>
<style><!--
body {font-family:"宋体";color="blue";font-size="9pt"}
-->
</style>
<script language="JavaScript">
function changeText()
{
DT.innerText="我很好!";
}//function

function changeHtml()
{
DH.innerHTML="<i><u>我姓肖!</u></i>";
}//function

function back()
{
DT.innerText="您好吗?";
DH.innerHTML="您姓什么?";
}
</script>
</head>

<body>
<p><font color="gray">请点击下边的文字……</font>
<ul>
<li id="DT" onclick="changeText()">您好吗? </li>
<li id="DH" onclick="changeHtml()">您姓什么? </li>
<li onclick="back()">恢复原样! </li>
</ul>
</body>
</html>

innerText属性用来定义对象所要输出的文本,在本例中innerText把对象DT中的文本“您好吗?”变成了“我很好!”(语句DT.innerText="我很好!")。而对对象DH的改变用了innerHTML属性,它除了有innerText的作用外,还可改变对象DH内部的HTML语句,于是它把文本变成了“我姓肖!”,而且文本输出改成了斜体(<i></i>)并下加一条直线(<u></u>),即语句DH.innerHTML="<i><u>我姓肖!</u></i>"。outerText和outerHTML也具有类似的作用,读者不妨自己试试看。


下面我们来设计一个有趣的动态页面。

例13 文本的动态输入与输出
<html>
<head>
<title>DHtml举例13</title>
<style><!--
body {font-family:"宋体";color="blue";font-size:"9pt"}
.blue {color:blue;font-size:9pt}
-->
</style>
<script language="JavaScript">
function OutputText()
{
if(frm.txt.text!="")
{ Output.innerHTML="在此处输出文本:<u>"+frm.txt.value+"</u>";} //Output为一对象。
else
{ Output.innerText="在此处输出文本:";}
}//function

</script>
</head>

<body>
<p><br></p>

<form name="frm">
<p><font color="gray">请在文本框中输入文字:</font>
<input type="text" name="txt" size="50"><br>
<input type="button" value="输出文本" name="B1" class="blue" onclick="OutputText()"></p>
</form>

<p id="Output">在此处输出文本:</p>
</body>
</html>

此例的动态效果如下,先在文本框中输入文本,然后按“输出文本”的按钮,接着网页便会自动输出您所输入的文本。
net205 2003-09-26
  • 打赏
  • 举报
回复
关于innerHTML,谁有没有这方面的资料,能不能详细讲解一下??????
rootcn 2003-09-26
  • 打赏
  • 举报
回复
我也在学,帮你UP
longshenwang 2003-09-26
  • 打赏
  • 举报
回复
使用info.innerHTML = "必须数字";是最好的方法!

7758akuma 2003-09-25
  • 打赏
  • 举报
回复
ckr_x(浮生若梦)的方法可以
ckr_x 2003-09-25
  • 打赏
  • 举报
回复
应该是用innerHtml把那儿的文本替换了吧。
cnwolfwind 2003-09-25
  • 打赏
  • 举报
回复
用vb应该是在input代码后面加上<%StringName%>;
string char;
if(!Num)char=这里必须为数字
else
net205 2003-09-25
  • 打赏
  • 举报
回复
哎,不是这个意思,我不是要弹出错误信息,而是要在表格中,即那个输入框后面显示信息
7758akuma 2003-09-25
  • 打赏
  • 举报
回复
他的函数已经提供了判断你输入的是否为数字,if else里面的内容你换换就行了
net205 2003-09-25
  • 打赏
  • 举报
回复
大哥,你没理解我的意思,我是要用js写个函数,当按“提交”按钮后,判断那个值,当不是数字时,则在右边显示“这儿必须为数字”,而不是弹出对话框
longshenwang 2003-09-25
  • 打赏
  • 举报
回复
使用这个正则表达式 校验 (在按钮上添加click事件)
/* 检测传入值是否为正整数
* /
function IsInteger(nNum){
var oRE = /^[\d]+$/gi;
var lRE = oRE.test(nNum);
if(lRE!=true){
alert('这儿必须为数字');
}else{
alert('输入了数字,则提交');
}

}
qmei 2003-09-25
  • 打赏
  • 举报
回复
正则表达式中的语法
[0-9]表示数字,^[0-9]表示非数字的字符
*匹配前一个字符
$匹配输入的末尾
gi是忽略字母的大小写并做多次匹配查找
net205 2003-09-25
  • 打赏
  • 举报
回复
再就是像:/^[0-9]*$/ /^[\d]+$/gi这样的东东,我不能理解,只知道照着别人的用
有谁能帮我解释一下吗??如第一个当中的^ *$,为什么就/[0-9]不可以呢
后面一个/gi又是会意思呢??

望大家帮我详细解释一下,谢谢!!!!!!!!!
net205 2003-09-25
  • 打赏
  • 举报
回复
高,星星就是星星
我看了之后,感觉有点模糊,那是在输入改变后,调用c(this),当不是数字时,插入"必须数字",当是数字时插入"",是这样子吧
关于innerHTML,谁有没有这方面的资料,能不能详细讲解一下??????
blues-star 2003-09-25
  • 打赏
  • 举报
回复
<body>
<table>
<tr>
<td>整数</td>
<td><input onchange="c(this)"></td>
<td><font color="red"><div id="info"></div></font></td>
</tr>
</table>
</body>
<script>
function c( fField )
{
if (!/^[0-9]*$/.test(fField.value))
{
info.innerHTML = "必须数字";
}
else
{
info.innerHTML = "";
}
}
</script>
imafool 2003-09-25
  • 打赏
  • 举报
回复
<div id="imafool"></div>
<script>
function IsInteger(nNum){
var oRE = /^[\d]+$/gi;
var lRE = oRE.test(nNum);
if(lRE!=true){
imafool.innerText'这儿必须为数字');
}else{
imafool.innerText('输入了数字,则提交');
}

}
</script>
blues-star 2003-09-25
  • 打赏
  • 举报
回复
<body>
<table>
<tr>
<td>整数</td>
<td><input onchange="c(this)"></td>
<td><font color="red"><div id="info"></div></font></td>
</tr>
</table>
</body>
<script>
function c( fField )
{
if (!/^[0-9]*$/.test(fField.value))
{
info.innerHTML = "必须数字";
}
}
</script>
net205 2003-09-25
  • 打赏
  • 举报
回复
to cnwolfwind(淹死的鱼) :
我想在js中检测实现,用document.write之类的语句输出那提示,是在htm文件中,不是在asp文件中

to ckr_x(浮生若梦) :
innerHtml怎么用,能给点代码吗??

87,988

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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