Javascript 表单进度条

我希望建立一个表单，它将有一个进度条，而用户填写输入字段。我已经设置了我从教程和在线知道的所有内容，但它不起作用

如果有人能弄明白它为什么不起作用，请检查一下

它保存在这里->

这是示例JS代码

      $("#form input").keyup(function() {
      var numValid = 0;
      $("#form input[required]").each(function() {
          if (this.validity.valid) {
              numValid++;
          }
      });

      var progress = $("#progress"),
          progressMessage = $("#message");

      if (numValid == 0) {
          progress.attr("value", "0");
          progressMessage.text("Please Enter Student ID.");
      }
      if (numValid == 1) {
          progress.attr("value", "10");
          progressMessage.text("Please Enter the First Name.");
      }
      if (numValid == 2) {
          progress.attr("value", "20");
          progressMessage.text("Please Enter the Last Name.");
      }
      if (numValid == 3) {
          progress.attr("value", "30");
          progressMessage.text("Please Enter Your E-mail");
      }
      if (numValid == 4) {
          progress.attr("value", "40");
          progressMessage.text("Please Enter a Password.");
      }
      if (numValid == 5) {
          progress.attr("value", "50");
          progressMessage.text("Please Re-Enter a Password.");
      }
      if (numValid == 6) {
          progress.attr("value", "60");
          progressMessage.text("Please Enter A Street Address.");
      }
      if (numValid == 7) {
          progress.attr("value", "70");
          progressMessage.text("Please Enter a City.");
      }
      if (numValid == 8) {
          progress.attr("value", "80");
          progressMessage.text("Please Enter a ZipCode.");
      }
      if (numValid == 9) {
          progress.attr("value", "100");
          progressMessage.text("Please Pick a State and Submit the Form.");
      }

      });

$（function（）{//不要忘了添加这个
$（“#表单输入”）.keyup（函数（）{
var numValid=0；
$（“#表单输入[必需]”）。每个（函数（）{
if（this.validity.valid）{
numValid++；
}
});
.
.
.
.
.
.
});
}); // 还有右括号

---

注：注意两个不同的

标记。它们需要分开。另外，请不要忘记将

keyup

函数包装在

$（function（）{}）中
如果您忘记包含jQuery库，那么我将如何在HTML中实现它@asprin将此
放在
部分内或
$（“#表单输入”）的正前方。keyup（函数（）{
@asprin那真的不管用，可能是错误的库？只包括jquery库，就像asprin说的那样。@asprin，这正是我设置它的方式。.一个在另一个之上，在他们自己的标记中…没有通过浏览器运行…你可以在这里尝试。.这肯定是因为没有在
$（function（）{}中包装你的keyup函数)
完美。都是因为括号
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script‌​>
<script>
$(function(){ // do not forget to add this too
$("#form input").keyup(function() {
          var numValid = 0;
          $("#form input[required]").each(function() {
              if (this.validity.valid) {
                  numValid++;
              }
          });
.
.
.
.
.
.
});
}); // and the closing braces
</script>