检查在输入框中输入的值是否等于某个值

Question

我有动态生成的$value和$field来自php $value = 'mango'; $field='user_username' 。 我现在需要检查输入id user_username中输入的文本user_username是芒果。

<input type="text" class="input-text um-field " name="user_username" id="user_username" placeholder="">

就像是：

<?php
$value = 'mango';
$field = 'user_username';
<script>
    $(document).ready ( function(){
       var value = $("#<?php echo $field;?>").val();
       if(value === '<?php echo $value;?>') {
          alert('hi');
       } 
    });​
</script>
?>

Answer 1

您可以检查blur值，因为在脚本开头调用$(document).ready() 。 此外，您必须在编写JavaScript之前关闭PHP标记：

<?php
$value = 'mango';
$field = 'user_username';
?>

<input type="text" class="input-text um-field " name="user_username" id="user_username" placeholder="">

<script>
    $(document).ready(function(){
       $("#<?php echo $field;?>").bind('blur', function(){
           var value = this.value;
           if(value === '<?php echo $value;?>') {
              alert('hi');
           }
       });
    });
</script>

Answer 2

根据我的评论，您的脚本仅将输入字段在运行时的值与PHP变量进行比较。 只要用户更新输入字段，JavaScript就不会自动执行比较 - 您必须将事件处理程序绑定到输入元素，以便在触发时重新调用逻辑来执行检查：

$(document).ready (function(){
    var $field = $("#<?php echo $field;?>");
    var expectedFieldValue = '<?php echo $value;?>';

    $field.on('change', function() {
        if ($(this).val() === expectedFieldValue) {
            alert('hi');
        }
    });
});​

有时，如果你执行这样一个简单的逻辑，使用jQuery可能只是有点笨拙。 上面的代码也可以在原生JS中重写，可以在现代的常绿浏览器中使用：

document.addEventListener('DOMContentLoaded', function () {
    var fieldElement = document.getElementById('<?php echo $field;?>');
    var expectedFieldValue = '<?php echo $value;?>';

    fieldElement.addEventListener('change', function () {
        if (fieldElement.value === expectedFieldValue) {
            alert('hi');
        }
    });
});

Answer 3

更好的方法是将所需的字段加载到某些js变量中然后进行比较。

这是它的工作原理

$(document).ready(function(){
    $("button").click(function(){
        $.get("demo_test.php", function(data, status){
            var server_data=data;
        });
    });
});

然后将其与所需的字段进行比较

 $(document).ready ( function(){
       var value = $("#<?php echo $field;?>").val();
       if(value === server_data) {
          alert('hi');
       } 
    });​

希望能帮助到你