具体输入值

Question

我正在创建一个网站。我希望当输入特定文本时，在 <input> 中，然后使用 <button> 提交，javascript 提醒页面并回复特定内容。例如：如果输入的是$ip，js的alert()函数会发送你的ip，或者像你输入$add 2 2，它会提示2+2=4.

html

<form>
    <input class="text" id="txt">
    <button id="btn" class="submit-btn" onclick="get()">submit</button>
</form>

JS

function get() {
    var inputVal = document.getElementById("txt").value;
    alert(inputVal);
    };
};

Answer 1

您可以在表单提交后读取输入值，并对该值做任何您想做的事情。像这样：

function handleSubmit(event) {
  event.preventDefault();
  const value = document.getElementById('txt').value.trim();
  switch (value) {
    case '':
      break;
    case '$ip':
      alert('You IP:xxx');
      break;
    case '$add 2 2':
      alert('2+2=4');
      break;
    default:
      alert(value + ': is not a valid action');
  }
}

<form onsubmit="handleSubmit(event)">
  <input class="text" id="txt">
  <button id="btn" class="submit-btn">submit</button>
</form>

具体输入值

Specific input value

html

javascript

forms

input