使用jQuery实现输入值传递并生成指定格式命令的技术问题

首先，你的代码目前只是把输入框内容直接同步到输出框，没有做指定格式的字符串拼接，而且监听的是输入框的change事件（仅在输入框失去焦点时触发），不是提交按钮的点击事件——这就是达不到预期效果的核心原因。我们可以这样调整：

步骤1：修正事件监听逻辑 #

我们需要监听提交按钮的点击事件，在点击时获取输入的数字，拼接成你需要的命令格式，再赋值给输出框。另外，建议把按钮类型改成button，避免触发默认的表单提交行为（如果你的按钮不在表单内，这一步也能让逻辑更清晰）。

修改后的完整代码 #

HTML部分 #

<label for="number">number:</label>
<input type="text" name="number" id="number" />
<input type="button" value="Submit" id="submitBtn">
<label for="output">output</label>
<input type="text" size="33px" name="output" id="output" />

jQuery部分 #

$('#submitBtn').click(function() {
  // 获取输入框的内容并去除首尾空格
  const inputValue = $('#number').val().trim();
  // 拼接成要求的命令格式
  const targetCommand = `access userid ${inputValue} instance mbb`;
  // 将结果赋值给输出框
  $('#output').val(targetCommand);
});

可选优化：增加输入校验 #

如果想避免空输入或非数字内容的情况，可以加个简单的判断：

$('#submitBtn').click(function() {
  const inputValue = $('#number').val().trim();
  // 校验输入是否为有效数字
  if (!inputValue || isNaN(inputValue)) {
    $('#output').val('请输入有效的数字');
    return;
  }
  const targetCommand = `access userid ${inputValue} instance mbb`;
  $('#output').val(targetCommand);
});

这样点击提交按钮后，输出框就会生成你想要的格式命令啦～

内容的提问来源于stack exchange，提问作者Stef