Question

好的，所以我正在建立一个自定义注册页面，当然还有javascript输入验证。

在那个验证中，我使用maxlength属性来验证输入的长度 - 它是一种双重安全性，但是很容易获得元素的属性我认为“为什么不？”。

但是，我发现某些表单输入元素的属性为undefined，并且在其他表单上正确定义。

我已经看了几天HTML了，我无法弄清楚为什么它没有在某些元素上定义，但在大多数情况下都有效。

我构建了一个页面，其中存在工作元素和非工作元素，尽管它最终不应该如何组合在一起。

Here is a link以及以下是非工作表单的示例。我希望你们中的一些人能看出它有什么问题！

代码：

<div id="9irBGsdLR">
    <form method="POST" class="form" name="frontContent" id="forntContent" style="margin-bottom:15px;">
    <div id="9button" style="float:right;">
        <img onclick="deleteElement(&#39;9&#39;, &#39;9irBGsdLR&#39;, this, &#39;actions/delete.php&#39;)" alt="delete" style="border:0px;float:right;cursor:pointer;" src="./validationNotWorking_files/close_32.png">
    </div>
    <input type="text" name="id" style="display:none;" value="9">
    <label class="inputlabel softInputlabel" style="width:20%;">Headline: </label>
    <input maxlenght="50" type="text" name="title" id="title" class="inputfield" contenttype="text" value="Praesent rhoncus faucibus elementum">
    <label class="inputlabel softInputlabel" style="width:20%;">Succession: </label>
    <input maxlenght="4" type="text" name="succession" id="title" class="inputfield" contenttype="numerical" value="50">
    <label class="inputlabel softInputlabel" style="width:20%;">Content: </label>
    <textarea class="formField" style="width:75%;height:300px;" name="content"></textarea>
    </form>
    <hr>
</div>

Answer 1

没有maxlenght这样的东西 - 而是使用maxlength。

这是jsFiddle。

<强> HTML：

<div id="9irBGsdLR">
    <form method="POST" class="form" name="frontContent" id="forntContent" style="margin-bottom:15px;">
        <div id="9button" style="float:right;">
            <img onclick="deleteElement(&#39;9&#39;, &#39;9irBGsdLR&#39;, this, &#39;actions/delete.php&#39;)" alt="delete" style="border:0px;float:right;cursor:pointer;" src="./validationNotWorking_files/close_32.png">
        </div>
    <input type="text" name="id" style="display:none;" value="9">
    <label class="inputlabel softInputlabel" style="width:20%;">Headline: </label>
    <input maxlength="50" type="text" name="title" id="title" class="inputfield" contenttype="text" value="Praesent rhoncus faucibus elementum">
    <label class="inputlabel softInputlabel" style="width:20%;">Succession: </label>
    <input maxlength="4" type="text" name="succession" id="title" class="inputfield" contenttype="numerical" value="50">
    <label class="inputlabel softInputlabel" style="width:20%;">Content: </label>
    <textarea class="formField" style="width:75%;height:300px;" name="content"></textarea>
    </form>
    <hr>
</div>

maxlength不对某些元素起作用

1 个答案: