Javascript 使用jQuery限制div中的多个文本字段
我正在合并我在这个网站上找到的代码,用于创建一个动态表单 但是,我遇到了一个问题,在div导致页面错误之前,我只能向div添加这么多行。我有办法补救这种情况吗?下面是我想要生成的div的全部内容:Javascript 使用jQuery限制div中的多个文本字段,javascript,jquery,html,Javascript,Jquery,Html,我正在合并我在这个网站上找到的代码,用于创建一个动态表单 但是,我遇到了一个问题,在div导致页面错误之前,我只能向div添加这么多行。我有办法补救这种情况吗?下面是我想要生成的div的全部内容: Server Name: <input type=”text” name=”ServerName”><br> Operating System: <input type=”text” name=”OperatingSystem”><br> Hardwar
Server Name: <input type=”text” name=”ServerName”><br>
Operating System: <input type=”text” name=”OperatingSystem”><br>
Hardware: <input type=”text” name=”Hardware”><br>
Up Time: <input type=”text” name=”UpTime” size="1" maxlength="3"> day(s)<br>
<p>
HP System Management/Dell OpenManage/IBM: <input type=”text” name=”HPSystemManagementDellOpenManageIBM”><br>
<p>
Anti-Virus Software: <input type=”text” name=”Anti-VirusSoftware”><br>
- Info Correct: <input type=”text” name=”InfoCorrect”><br>
- Definitions: <input type=”text” name=”Definitions”><br>
- Updates: <input type=”text” name=”Updates”><br>
- TM Agents: <input type=”text” name=”TMAgents”><br>
- TM Scan: <input type=”text” name=”TMScan”><br>
- TM License: <input type=”text” name=”TMLicense”><br>
- TM Version: <input type=”text” name=”TMVersion”><br>
<p>
Backup Software: <input type=”text” name=”BackupSoftware”><br>
- Info Correct: <input type=”text” name=”InfoCorrect”><br>
- Backups: <input type=”text” name=”Backups”><br>
- Updates: <input type=”text” name=”Updates”><br>
<p>
Exchange: <input type=”text” name=”Exchange”><br>
- Database Mounted: <input type=”text” name=”DatabaseMounted”><br>
- Exchange Services running: <input type=”text” name=”ExchangeServicesrunning”><br>
<p>
Event Log: <input type=”text” name=”EventLog”><br>
<p>
Updates: <input type=”text” name=”Updates”><br>
<p>
--------------------------------------------------
<p>
服务器名称:
操作系统:
硬件:
启动时间:天
HP系统管理/Dell OpenManage/IBM:
防病毒软件:
-信息正确:
-定义:
-更新:
-TM代理:
-TM扫描:
-TM许可证:
-TM版本:
备份软件:
-信息正确:
-备份:
-更新:
交换:
-已装入数据库:
-正在运行的Exchange服务:
事件日志:
更新:
--------------------------------------------------
我要合并的代码如下:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#btnAdd').click(function() {
var num = $('.clonedInput').length;
var newNum = new Number(num + 1);
var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);
newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum);
$('#input' + num).after(newElem);
$('#btnDel').attr('disabled','');
if (newNum == 5)
$('#btnAdd').attr('disabled','disabled');
});
$('#btnDel').click(function() {
var num = $('.clonedInput').length;
$('#input' + num).remove();
$('#btnAdd').attr('disabled','');
if (num-1 == 1)
$('#btnDel').attr('disabled','disabled');
});
$('#btnDel').attr('disabled','disabled');
});
</script>
$(文档).ready(函数(){
$('#btnAdd')。单击(函数(){
var num=$('.clonedInput').length;
var newNum=新的数字(num+1);
var newElem=$('#input'+num).clone().attr('id','input'+newNum);
newElem.children(':first').attr('id','name'+newNum).attr('name','name'+newNum);
$('#input'+num).after(newElem);
$('btnDel').attr('disabled','');
如果(newNum==5)
$('btnAdd').attr('disabled','disabled');
});
$('#btnDel')。单击(函数(){
var num=$('.clonedInput').length;
$('#输入'+num).remove();
$('btnAdd').attr('disabled','');
如果(num-1==1)
$('btnDel').attr('disabled','disabled');
});
$('btnDel').attr('disabled','disabled');
});
我非常感谢你的帮助
编辑:
此外,我希望能够将此div作为默认隐藏的可选附加组件。它不需要重复
<div id="OMMaintenance">
OM Maintenance Notes: <input type=”text” name=”OMMaintenanceNotes”><br>
Up Time: <input type=”text” name=”OMUpTime” size="1" maxlength="3"> day(s)<br>
Event Log: <input type=”text” name=”OMEventLog”><br>
Updates: <input type=”text” name=”OMUpdates”><br>
</div>
OM维护说明:
启动时间:天
事件日志:
更新:
再次感谢。您看到的确切错误是什么?为什么要使用jQuery 1.3?它真的过时了。我只是在测试代码时遇到了一个一般性错误。而且,我在这方面完全不在行。我对jQuery几乎一无所知。请随时将其更新为最新的jQuery。或者告诉我什么是“一般错误?”蓝屏?404? Javascript错误?它是特定于浏览器的吗?错误何时发生?页面加载?当你点击某物时?虽然有人可以在没有这些信息的情况下找出并重现您的问题,但一般的态度是您自己已经做出了一些合理的调试尝试。在这一点上,你基本上是说“这不起作用。请修复它。”你没有解释你的期望,你尝试了什么,确切的错误消息,或者任何其他可以帮助那些试图帮助你的人的东西。