Javascript& amp; textarea字符限制PHP

时间:2011-01-01 18:30:14

标签: php javascript textarea limit character

我使用2种方法来检查用户是否在textarea中输入了太多字符:

1)(被动)PHP:

$textarea = $_POST['textarea'];
if (strlen($textarea)>300){$verify="bad";}

2)(active-whyle typing)Javascript:

function ismaxlength(obj)
{
   var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
   if (obj.getAttribute && obj.value.length>mlength)
   obj.value=obj.value.substring(0,mlength)
}

textarea本身如下(html):

<textarea name="textarea" id="textarea" cols="40" rows="5" style="border: 1px solid #480091; width:460px;" wrap="soft" maxlength="300" onpaste="return ismaxlength(this)" onkeyup="return ismaxlength(this)"></textarea>

两种方法都有效,除了PHP strlen()函数似乎以不同于我的Javascript函数计算返回(换行符)。

有没有人知道如何解决这个问题,这样他们都可以统计相同的#个字符,无论换行符是什么?空间等。

非常感谢!

4 个答案:

答案 0 :(得分:3)

您必须先转换换行符。在JavaScript中,换行符是一个换行符。发送时,有两个。你可以将它们标准化:

$textarea = $_POST['textarea'];
$textarea = str_replace("\r\n", "\n", $textarea);
$textarea = str_replace("\r", "\n", $textarea);

然后你可以计算textarea的长度。

答案 1 :(得分:1)

Javascript通常在浏览器本身而不是/ r / n对中表示仅包含新行字符(例如/ n)的换行符。但是,提交时为represented by /r/n pair (a.k.a. "CR LF") per the HTML 4.01 specification

根据您选择计算换行符的方式,您可以在客户端“标准化”字符串(例如,将换行符计为两个字符;是否需要处理/ r / n对)或服务器端(例如,如果您不关心/ r / n对,则将其计为一个字符)。

我个人的选择是处理它,以便保留/ r / n,因为换行符是typically represented with these characters in most systems。但是,我可以看到将换行符表示为最终用户的“一个字符”的逻辑,因为它只是一次击键。

答案 2 :(得分:1)

@RLJ:这是另一种方法,它阻止用户使用JavaScript输入比最大长度更多的文本,如果JavaScript关闭,PHP将在有太多字符时打印错误消息。这是我使用我使用的JavaScript函数制作的示例脚本(在4575150.php上保存文件为localhost并测试):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>questions/4575150</title>

<script type="text/javascript">
function charsLeft(msgObj, cntObj, chrLen) {
    var frmObj   = document.getElementById(msgObj);
    var cntField = document.getElementById(cntObj);
    var maxlimit = chrLen;
    var msg      = 0;

    while (cntField.firstChild) {
        cntField.removeChild(cntField.firstChild);
    }

    if (frmObj.value.length > 0) { msg = frmObj.value.length + 0; }

    // IE counts both CR and NL, so just count for NL
    var IELength = 0;
    if (frmObj.value.length > 0 && frmObj.value.match('\r')) {
        splitL = frmObj.value.split('\n').length;
        msgL   = frmObj.value.length;

        if (splitL >= 3) {
            IELength = splitL - 1; // splitL >= 3
        } else {
            IELength = 1;
        }
        msg = msg - IELength;
    }

    if (msg > maxlimit) {
        cntField.appendChild(document.createTextNode("0 characters left"));
        var overflow = msg - maxlimit;
        var backspace = frmObj.value.length - overflow;
        if (frmObj.value.length > 0 && backspace < 0) {
            backspace = backspace * -1;
            if (frmObj.value.length < backspace) {
                overflow = frmObj.value.length;
            } else {
                overflow = backspace;
            }
        } else if (frmObj.value.length == 0 && backspace < 0) {
            overflow = 0;
        }
        frmObj.value = frmObj.value.substring(0, frmObj.value.length - overflow);
    } else {
        cntField.appendChild(document.createTextNode(maxlimit - msg + " characters left"));
    }
}
</script>

<style type="text/css">
html, body, textarea {
    font-family: arial, helvetica, sans-serif;
}
body {
    font-size: 75%;
}
label {
    display: block;
    font-weight: bold;
}
form div {
    margin: 0 0 10px 0;
}
</style>
</head>

<body>

<?php
define("chars", 15);

$request_method = strtoupper($_SERVER['REQUEST_METHOD']);

if ($request_method == "POST")
{
    $text = $_POST['text'];

    if (strlen($text) > chars)
    {
        echo "<p><b>Error:</b> Too many characters! There ";
        echo "should be " . chars . ", you've entered ";
        echo abs(chars - strlen($text)) . " too many</p>";
    }
}
?>

<form action="4575150.php" method="post">
    <div>
        <label for="text">Text:</label>
        <textarea name="text" id="text" style="width: 97%" class="resizable" cols="40" rows="3" onkeydown="charsLeft(this.id, this.id + '_left', <?php echo chars; ?>)" onkeyup="charsLeft(this.id, this.id + '_left', <?php echo chars; ?>)" onkeypress="charsLeft(this.id, this.id + '_left', <?php echo chars; ?>)" onchange="charsLeft(this.id, this.id + '_left', <?php echo chars; ?>)" onfocus="charsLeft(this.id, this.id + '_left', <?php echo chars; ?>)" onblur="charsLeft(this.id, this.id + '_left', <?php echo chars; ?>)"><?php echo $text; ?></textarea>
        <div id="text_left"><span><?php echo chars - strlen($text); ?> characters left</span></div>
    </div>
    <div>
        <input type="submit" value="Submit" />
    </div>
</form>

</body>
</html>

答案 3 :(得分:0)

你在php中有魔术引用吗? 尝试调用get_magic_quotes_gpc()。

如果这样做,那么通过GET或POST发送到服务器的每个文本数据都会被斜杠转义。这使得“,”,\,$,新行字符等字符由两个字符的组合表示:\和原始字符,或者在回车的情况下返回\ r \ n。

要在服务器上使用它,您可以像这样过滤数据:

function unslash($string){
    if(get_magic_quotes_gpc()){
        return stripslashes($string);
    }
    return $string; // no need to unslash
}

$textarea = unslash($_POST['textarea']);
// the rest of your code

我希望这会有所帮助。 伊万