Question

我有一个带有地址查找器的表格，用户在邮政编码输入中输入一个地址，然后找到一个地址并选择其相关地址。这将在我的表单中填充2个输入字段，即第一行地址和邮政编码。

该表单具有逐字段验证的功能，并向用户提供反馈。

onchange=""
onblur=""
oninput=""

我有一个验证输入的功能。我希望此函数在填充2个字段后立即发生，但是这些选项中的每个选项都要求用户至少首先单击输入字段，或者删除一个字符/输入一个字符以供函数调用。输入字段填充后，我该怎么做才能应用该功能。

编辑：（用于检查和应用更改的脚本（地址相同））

   function BlurFunctionPost() {        
var data = $("#login-form").serialize();        
$.ajax({                
    type : 'POST',
    url  : 'postfieldchecker.php',
    data : data,
    beforeSend: function(){ 
    },
    success : function(response){                       
        if(response=="postok"){                                 
        document.getElementById("postcode").style.border = "2px solid green";

        } else {
        document.getElementById("postcode").style.border = "2px solid red";
        document.getElementById("posterror").className = 
        document.getElementById("posterror").className.replace(/\bhiddenclass\b/,'');
        }
    }
});
    return false;
}

这是嵌入式HTML：

<input class="hiddenclass" id="postcode" name="postcode" type="text" autocomplete="off" style= "border: 2px solid red;" oninput="BlurFunctionPost()>

Answer 1

由于您使用的是jQuery，因此可以使用change listener。据我了解，您是通过Javascript设置输入的值，因此在我的代码段中，我使用$(".hiddenclass").val("myValue");进行了仿真。并且要触发验证，您应该在更改值时调用trigger。当用户在字段中键入并取消选择时，更改侦听器也会触发。

$(".hiddenclass").change(function() {
  console.log( "Call validation now!" );
})

$(".hiddenclass").val("myValue");
$(".hiddenclass").trigger( "change" );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="hiddenclass" id="postcode" name="postcode" type="text" autocomplete="off" style= "border: 2px solid red;">

更改输入状态而无需用户单击/编辑文本

1 个答案: