Question

我的输入标识为pc-verify：

<%= form.text_field :address2, :id => 'pc-verify' , :class => 'required' %>

如果用户填写值“28028”，并且未提交表单，我想显示提醒。

我怎样才能做到这一点？

我试过了：

  <script> 
    if ($("#pc-verify").value == "28028") {
          alert("hey");
    };
  </script>

修改

<script>
    $(function(){
        $(".pc-verify").on('change', function(e){
            if ($(".pc-verify").value == "28028") {
                  alert("hey");
            }
        });
    });
</script>

Answer 1

使用getElementById()然后使用value属性，如果您想 native javascript

if (document.getElementById("pc-verify").value == "28028") {
          alert("hey");
    }

或，如果您使用jQuery，请使用val()

if ($("#pc-verify").val() == "28028") {
              alert("hey");
        }

最后，您可以将它们包装在submit处理程序

中

$('form').submit(function(){
    if ($("#pc-verify").val() == "28028") {
         alert("hey");
         return false;//to prevent the form from being submitted
    }
});

Answer 2

如果不提交表单，您可以使用输入的更改事件

True

这样，当用户键入值并离开字段时，将进行值检查。您也可以在keyup上执行此操作，该keyup将检查该输入中释放的每个键

False

您的脚本位于脚本标记内，但不在文档就绪处理程序内部，在jquery中，您必须执行此操作，以便仅在页面完成加载时执行脚本

$("#pc-verify").on('change', function(e){
    if ($("#pc-verify").val() == "28028") {
          alert("hey");
    }
});

根据JS中的输入值显示警报？

修改

2 个答案: