时间戳

首页 > 解决方案 > 将前缀附加到输入值

javascript - 将前缀附加到输入值

问题描述

我正在尝试使用 Jquery 向输入字段值“注入”前缀，以便输入字段值将作为“Referrer Email: {email address}”提交，其中 {email address} 是动态部分。我找到了以下代码段，但无法使其与我拥有的其他代码（如下）一起使用，该代码将字段值组合到一个输入中。有任何想法吗？

$("#notes").keyup(function(){
var prefix = "Referrer Email: "
if(this.value.indexOf(prefix) !== 0 ){
this.value = prefix + this.value;
}
});


$(function() {
  $('#ufirst_name, #ulast_name').on('input', function() {
    $('#recon').val(
      $('#ufirst_name, #ulast_name').map(function() {
        return $(this).val();
      }).get().join(' ') /* added space */
    );
  });
});
$(function() {
  $('#uliame').on('input', function() {
    $('#notes').val(
      $('#uliame').map(function() {
        return $(this).val();
      }).get().join(' ') /* added space */
    );
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="ufirst_name" placeholder="First Name" id="ulast_name" /><br>
<input type="text" name="ulast_name" placeholder="Last Name" id="ulast_name" />
<br>
<input type="email" name="uliame" placeholder="Email" id="uliame" required onClick="populate()" />
<br>
<input value="Referrer Email" name="Latest_Actions__c" type="text" id="notes" />
<br>
<input value="" name="Referrer_Contact__c" type="text" id="recon" />

标签： javascriptjqueryforms

解决方案

仅仅连接Referrer Email:到返回值呢？

我删除了onClick="populate()"，因为我只是不知道这是什么...

$(function() {

  $('#ufirst_name, #ulast_name').on('input', function() {
    $('#recon').val(
      $('#ufirst_name, #ulast_name').map(function() {
        return $(this).val();
      }).get().join(' ') /* added space */
    );
  });

  $('#uliame').on('input', function() {
    $('#notes').val(
      $('#uliame').map(function() {
        return "Referrer Email: "+$(this).val();
      }).get().join(' ') /* added space */
    );
  });
  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" name="ufirst_name" placeholder="First Name" id="ulast_name" /><br>
<input type="text" name="ulast_name" placeholder="Last Name" id="ulast_name" />
<br>
<input type="email" name="uliame" placeholder="Email" id="uliame" required />
<br>
<input value="Referrer Email" name="Latest_Actions__c" type="text" id="notes" />
<br>
<input value="" name="Referrer_Contact__c" type="text" id="recon" />

推荐阅读