Question

我正在寻找一种方法，以便当用户在表单字段输入框中键入其名称时，会创建数字签名，或者显示所写名称的某种类型的框。

这样的事情可能吗？

表单本身不需要提交签名，它纯粹是为了在表单页面上显示。

由于

Answer 1

您可以聆听输入和每个触发器的更改，将其值复制到您想要的位置。这就是你想要实现的目标，对吧？

// Listen for input change
$('#yourInputId').on('input',function(e){
   //copy it's content somewhere else
   $('#placeToPasteValue').text($('#yourInputId').val());
});

编辑：我不知道您的具体情况，但如果您想根据输入值显示/隐藏其他一些元素，您可以检查输入是否为空

// Listen for input change
$('#yourInputId').on('input',function(e){
   var currentInputValue = $('#yourInputId').val();
   if(currentInputValue === '') {
       $('#otherElement').hide();
   } else {
       $('#otherElement').show();
       //copy it's content somewhere else
       $('#placeToPasteValue').text(currentInputValue);
   }

});

其他方法可能是在if / else块中添加/删除CSS类以提供转换或其他奇特效果：）

Answer 2

我不知道这是否是你需要的，但也许可以提供帮助

＆＃13;

var button = document.getElementById("submitButton");
var nameField = document.getElementById("name");
var sign = document.getElementById("sign");

function createSign(){
  sign.innerText = nameField.value;
}

button.addEventListener("click",createSign,false);

＆＃13;

@import url(https://fonts.googleapis.com/css?family=Cedarville+Cursive);

div{
  height:300px;
  width:80%;
  font-family:"Cedarville Cursive";
  font-size:25pt;
}

＆＃13;

<input type="text" id="name">
<button value="submit" id="submitButton">Submit</button>
<br>
<div>
   <p id="sign"></p>
</div>

＆＃13;

在表单元素中键入名称，创建签名

2 个答案: