php - 我想在填写每个文本字段或使用 ajax 或 jQuery 选择类别后显示成功图像

Question

这是我所做的..我想在输入字段填满后显示图像第一个字段正在工作，如何添加额外的输入字段以在该输入字段上显示特定图像欢迎建议... ..HTML 代码

$(document).ready(function() {

    $("#username").blur(function() { // when focus out

        //$("#message").html(''); //before AJAX response

        var form_data = {
            action: 'last_name',
            username: $(this).val()
        };

        $.ajax({
            type: "POST",
            url: "functions.php",
            data: form_data,
            success: function(result) {
                $("#lastnamefirstname").html(result);   
            }
        });

    });


});


<div id="lastnamefirstname"></div>
 <input id="username" name="lname" required="required" class="text"  placeholder="Last Name"/>

函数.php

$action = $_POST['action'];

    if($action == 'last_name')
    {
        $firstnamelast = $_POST['username'];
        if($firstnamelast!='')
        {
        last_name($firstnamelast);
        }
    }

    function last_name($firstnamelast)
    {   
        echo ' <img src="images/profile/name.png" style="margin: 1px 0 -28px -37px;"/>';
    }

Answer 1

您可以尝试使用以下 if 语句。它只是检查所有输入字段是否不为空。

if ( ($("#field_id_1").val() != '') && ($("#field_id_2").val() != '') && ... ) {
  // display image
  // trigger ajax request

}

模糊的想法不是最合适的，因为如果聚焦其他内容，该字段可以留空。