Question

我在textarea字段上设置了maxlength。如果用户超过textarea的最大长度，如何阻止maxlength阻止提交？

Answer 1

你可以使用Javascript / jQuery来做到这一点。检查文本区域的长度，如果它更符合您的要求（maxt长度）发出警报并且不允许提交表单。

<script>
    function formSubmit(){
        var count = $("#your_textarea").val().length;
        if(count >= MAX_LENGHT) {
            alert("Max length reached for the text area");
            return false;
        }
    }
</script>

<textarea id="your_textarea"></textarea>
<input type="button" onclick="formSubmit()" value="Submit form">

note: codes are not tested.

Answer 2

希望以下代码可以帮助您。

<html>
<head>

<script>
function test()
{
    var txtval_length=document.getElementById("txt").value.length;
    if(txtval_length>30)  // here 30 is temporary purpose you can set as per your requirement.
    {
        return false; // do not allow to submit
    }
    else
    {
        return true; //  submit form
    }
}
</script>
</head>
<body>
<form action="test1.html" method="post" onsubmit="return test();">
    <textarea id="txt"></textarea>
    <input type="submit" value="Submit"/>
</form>
</body>
</html>

在上面的示例中，如果 textarea 字符的长度小于30，那么它允许提交表单，否则表单将不会提交。你可以根据自己的要求改变条件。

如何防止textarea maxlength阻止提交

2 个答案: