計算密鑰上的剩餘字符

我想編寫一個程序來計算剩餘字符的長度，同時我在文本框中輸入但代碼不工作。計算密鑰上的剩餘字符

下面是HTML代碼：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title> 
     </title> 
     <meta charset="utf-8" /> 
     <link rel="stylesheet" type="text/css" href="css/custom.css" /> 
    </head> 
    <body> 
     <textarea rows="10" cols="30" maxlength="100"> 
     </textarea> 
     <p id="area_description"></p> 
    <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script> 
    <script type="text/javascript" src="js/custom.js" ></script> 
    </body> 
</html>

下面是custom.js代碼：

$(document).ready(function(){ 
    $('#area_description').html('100 characters remaining.'); 
    $('textarea').on('keyup',function(){ 
     var x = $('textarea').val().length(); 
     var y = 100-x; 
     $('#area_description').html(y+'characters remaining'); 
    }); 
});

來源

2016-11-24 R K

你有一個錯字。將.length()替換爲.length。

$(document).ready(function(){ 
 
    $('#area_description').html('100 characters remaining.'); 
 
    $('textarea').on('keyup',function(){ 
 
    var x = $('textarea').val().length; 
 
    var y = 100-x; 
 
    $('#area_description').html(y+'characters remaining'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea rows="10" cols="30" maxlength="100"> 
 
</textarea> 
 
<p id="area_description"></p>

來源

2016-11-24 19:33:57

計算密鑰上的剩餘字符

回答

相關問題