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

Question

我有一个按钮，一旦你提交就调用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>

这是我的PHP / HTML按钮：

<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>