原函数如下:
function jsjc(){
if (theForm.title.value.length<1)
{
alert("请填写标题!");
theForm.title.focus();
return false;
}
}
希望适用于不同的表单(表单名分别为:theForm1,theForm2,theForm3等等,将其改为如下,但是运行不了,为什么?因该怎么写?:
function jsjc(i){
if (theForm+i.title+i.value.length<1)
{
alert("请填写标题!");
theForm+i.title+i.focus();
return false;
}
}
function jsjc(){
if (theForm.title.value.length<1)
{
alert("请填写标题!");
theForm.title.focus();
return false;
}
}
希望适用于不同的表单(表单名分别为:theForm1,theForm2,theForm3等等,将其改为如下,但是运行不了,为什么?因该怎么写?:
function jsjc(i){
if (theForm+i.title+i.value.length<1)
{
alert("请填写标题!");
theForm+i.title+i.focus();
return false;
}
}
function jsjc(){
for(var i=1;i<4;i++){
if (theForm+i.title+i.value.length<1)
{
alert("请填写标题!");
theForm+i.title+i.focus();
return false;
}
}
}
var obj = document.getElementById("xxx");
if (obj.value.length<1)
{
alert("请填写标题!");
obj.focus();
return false;
}
}在相应的文本域加上onblur="jsjc(this)"
应该是对象.属性(或方法)。
你可以把表单名作为参数传到方法里呀。function jsjc(formName){
if (formName.title.value.length<1)
{
alert("请填写标题!");
formName.title.focus();
return false;
}
}
函数中要求改变的参数为:
第一次调用 theForm1.title1.value theForm1.content1.value 等等
第二次调用 theForm2.title2.value theForm2.content2.value 等等
第三次调用 theForm3.title3.value theForm3.content3.value 等等1楼的试了不行。
3楼的看不懂(学习别的语言,还没有学js,有些不明白),所以也不知道怎么检验。
4楼的能看懂,但是多<input>,就多了一个参数,<input>越多,这个就有点麻烦了。本以为用改为如下就可以了,结果运行没有反映。:
function jsjc(i){
if (theForm+i.title+i.value.length<1)
{
alert("请填写标题!");
theForm+i.title+i.focus();
return false;
}
}完整代码如下(运行效果是,标题中没有输入内容按“提交”,会弹出对话框提示:请填写标题):<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Ajax GuestBook</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<style type="text/css">
<!--
body { font-size:0.75em;text-align:center;}
dl { margin:0;}
dt { background-color:#666;color:#fff000;margin:1px;padding:0 3px;}
dd { margin:3px;}
div { margin:auto;line-height:150%;text-align:left;;border:1px solid #666;}
#postBox { margin-top:10px;}
dd.button { text-align:center;}
dd.button input { margin:0 20px;}
//-->
</style>
<script type="text/javascript">
function jsjc(){
if (theForm.title.value.length<1)
{
alert("请填写标题!");
theForm.title.focus();
return false;
}
if (theForm.content.value=="")
{
alert("必须填写内容");
theForm.content.focus();
return false;
}
alert('添加成功,正在审核中...');history.go(-1);
}
</script><div id="postBox">
<form name="theForm" method="post">
<dl>
<dt>发表您的留言</dt>
<dd>标题:<input type="text" maxlength="150" size="45" name="title"/ ></dd>
<dd>作者:<input type="text" maxlength="50" size="45" name="author"/></dd>
<dd>内容:
<textarea rows="10" cols="45" name="content"></textarea>
</dd>
<dd class="button">
<input type="button" onClick="jsjc()" value="提交"/>
<input type="reset" value="重填"/>
</dd>
</dl>
</form>
</div>
</body>
</html>