Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery限制div中的多个文本字段_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用jQuery限制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

我正在合并我在这个网站上找到的代码,用于创建一个动态表单

但是,我遇到了一个问题,在div导致页面错误之前,我只能向div添加这么多行。我有办法补救这种情况吗?下面是我想要生成的div的全部内容:

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错误?它是特定于浏览器的吗?错误何时发生?页面加载?当你点击某物时?虽然有人可以在没有这些信息的情况下找出并重现您的问题,但一般的态度是您自己已经做出了一些合理的调试尝试。在这一点上,你基本上是说“这不起作用。请修复它。”你没有解释你的期望,你尝试了什么,确切的错误消息,或者任何其他可以帮助那些试图帮助你的人的东西。