javascript - 如何将 javascript 中的数据返回到 html 表单中？

Question

我想知道是否有人可以帮忙？我想做的是将 javascript 代码中的字数检索到表单中，然后将其与表单的其余部分一起传递到 php 中，这将检查字数是否达到一定长度，否则将不会提交。

JavaScript如下。

    counter = function() {
       var value = $('#msg').val();

       if (value.length == 0) {
          $('#wordCount').html(0);
          $('#totalChars').html(0);
          $('#charCount').html(0);
          $('#charCountNoSpace').html(0);
          return;
       }

       var regex = /\s+/gi;
       var wordCount = value.trim().replace(regex, ' ').split(' ').length;
       var totalChars = value.length;
       var charCount = value.trim().length;
       var charCountNoSpace = value.replace(regex, '').length;

       $('#wordCount').html(wordCount);
       $('#totalChars').html(totalChars);
       $('#charCount').html(charCount);
       $('#charCountNoSpace').html(charCountNoSpace);
   };

   $(document).ready(function() {
      $('#count').click(counter);
      $('#msg').change(counter);
      $('#msg').keydown(counter);
      $('#msg').keypress(counter);
      $('#msg').keyup(counter);
      $('#msg').blur(counter);
      $('#msg').focus(counter);
   });

我的问题是将 wordCount 返回到表单的隐藏字段中。我不太擅长 javascript，并且不知道如何修改此代码以使其工作。其余的我可以弄清楚，但卡在这里。感谢您的帮助，非常感谢。

Answer 1

$('#wordCount').val(wordCount);
$('#totalChars').val(totalChars);
$('#charCount').val(charCount);
$('#charCountNoSpace').val(charCountNoSpace);

使用 .val() 而不是 .html()，因为 .val() 引用输入字段的值。