weui textarea超出字符被截断

HTML:

<div class="weui-cells weui-cells_form" style="margin-top: 0;">
    <div class="weui-cell">
        <div class="weui-cell__bd">
            <textarea id="doctorIntroduction" class="weui-textarea" placeholder="写答案" rows="3"></textarea>
            <div class="weui-textarea-counter"><span class="textareaLength">0</span>/200</div>
        </div>
   </div>
</div>

JS:

//限制输入字数
            function LimitedWordsNum() {
                $('#doctorIntroduction').keydown(function() {
                    var curLength = $('#doctorIntroduction').val().length;
                    if(curLength >= 200) {
                        var num = $('#doctorIntroduction').val().substr(0, 200);
                        $('#doctorIntroduction').val(num);
                        weui.alert('超字数限制，多出的字符将被截断！');
                    } else {
                        $('.textareaLength').text(curLength);
                    }
                })
            }