Javascript 在提交HTML按钮之前插入文本

我有一个按钮，在您提交后调用ajax，但我需要添加另一个输入，您必须在其中输入文本，如果该文本与DB中找到的文本相同，则该按钮应执行ajax。如何做到这一点

这是我的AJAX代码：

<script>
jQuery(function(){
    jQuery(".canjear").click(function(e){
        if(this.tagName==="A"){
            e.preventDefault();
        }
        jQuery.ajax({
            url: "index.php?option=com_cuphoneo&task=miscuponess.canjearCupon",
            type: "POST",
            data: {id:jQuery(this).data("id")},
            success: window.location.href = "index.php?option=com_cuphoneo&view=miscuponess&layout=default"
        });
    });
});
</script>

<div class="panel-boton-canjear">
            <?php 
                foreach($campos_extra as $value){
                    if($value->id == 17){
                        if(!empty($value->value)){
            ?>              
                            <input class="canjear btn" type="button" value="<?php echo JText::_('COM_CUPHONEO_BOTON_CANJEAR'); ?>" data-id="<?php echo $valor->item_id; ?>" />
            <?php 
                        }
                    }
                }
            ?>
</div>

jQuery（函数（）{
jQuery（“.canjear”）。单击（函数（e）{
如果（此.tagName==“A”）{
e、 预防默认值（）；
}
jQuery.ajax({
url:“index.php？option=com_cuphoneo&task=miscuponess.canjearcon”，
类型：“POST”，
数据：{id:jQuery（this）.data（“id”）}，
成功：window.location.href=“index.php？option=com\u cuphoneo&view=miscuponess&layout=default”
});
});
});

这是我的PHP/HTML按钮：

<script>
jQuery(function(){
    jQuery(".canjear").click(function(e){
        if(this.tagName==="A"){
            e.preventDefault();
        }
        jQuery.ajax({
            url: "index.php?option=com_cuphoneo&task=miscuponess.canjearCupon",
            type: "POST",
            data: {id:jQuery(this).data("id")},
            success: window.location.href = "index.php?option=com_cuphoneo&view=miscuponess&layout=default"
        });
    });
});
</script>

<div class="panel-boton-canjear">
            <?php 
                foreach($campos_extra as $value){
                    if($value->id == 17){
                        if(!empty($value->value)){
            ?>              
                            <input class="canjear btn" type="button" value="<?php echo JText::_('COM_CUPHONEO_BOTON_CANJEAR'); ?>" data-id="<?php echo $valor->item_id; ?>" />
            <?php 
                        }
                    }
                }
            ?>
</div>

“我有一个按钮，一旦您提交，它就会被ajax调用”——第一行本身令人困惑。您的按钮是在成功的ajax请求后添加的。。？或者在单击按钮时发送ajax请求。。？“如果该文本与在DB中找到的文本相同，则此按钮应执行AJAX”用于检查DB中的值，可能您必须发送一个AJAX请求，对吗。。？你能更具体一点吗？@TJ我在提交按钮时发送一个ajax请求，数据库中的值是变量
$value->value
，在我的if语句中，这意味着，如果该值未填充，则该值可以为空，如果为空，则不会弹出文本框供您输入该值，但如果之前已填充该值，则应显示文本框供您输入相同的值，如果相同的值正确，则应调用ajax请求。