输入提交表格

2024-05-03 • 问答

我无法通过单击Enter添加代码以提交表单。我已经尝试了一些方法，但是我无法使其正常工作。

我很新，所以这可能就是原因。

提前谢谢你们。

  var newPageContentLength = 0;
    var pageNo = 1;
    var pageObj = {
      page: `page${pageNo}`,data: []
    };
    let temp = [];
    this.contentViewArray = [];
    temp.forEach((item,i) => {
        newPageContentLength += item.content.length;
      if (i == 0) {
          pageObj.data.push({ ...item,ischecked: true });
        } else {
        if (newPageContentLength < 200) {
            pageObj.data.push({ ...item,ischecked: true });
          } else {
              this.contentViewArray.push({ ...pageObj });
            pageNo += 1;
            pageObj = {
              page: `page${pageNo}`,data: [{ ...item,ischecked: true }]
            };
            newPageContentLength = item.content.length;
          }
        }
      if (i == temp.length - 1) {
            this.contentViewArray.push({ ...pageObj });
        }

    });

如果要基于文本框上的Enter键执行诸如表单提交之类的活动，则可以在keycode事件中通过keyup进行跟踪。

  <div class="box">
    <h1>Foretag et opkald via Remote Control</h1>
    <input type="number" id="dial">
    <a id="call" href="" target-"null">Start opkald til <span id="tel"></span>
</div>

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>
<script>
    $('#dial').on('keyup',function() {
    var keycode = (event.keyCode ? event.keyCode : event.which);
   
   
        $('#tel').html($(this).val())
        $('#call').attr("href","http://192.168.6.91/servlet?key=number=" + $(this).val() + "&outgoing_uri=9081@213.128.137.88")
        console.log($(this).val()) // get the current value of the input field.
      
        if(keycode == '13'){
         //form submit
         $('#call')[0].click();
         }

    });
</script>

使用纯HTML：

<form>
  <input id="myinput"/>
  <button onclick="alert(document.getElementById('myinput').value)">Send</button>
</form>

只要按下Enter键，button内的form就会自动触发。

代替此：

 <div class="box">
    <h1>Foretag et opkald via Remote Control</h1>
    <input type="number" id="dial">
    <a id="call" href="" target-"null">Start opkald til <span id="tel"></span>
</div>

尝试一下：

 <from id="#formId">
    <h1>Foretag et opkald via Remote Control</h1>
    <input type="number" id="dial">
    <input type="submit" value="Enter">
</from>

提交表格：

  $("#myform").submit(function(e) {
        // prevent Default functionality
        e.preventDefault();

      // get the input values from the from
});

如果您将输入内容包装成表单，则默认情况下，它将通过 enter 键提交。

这是如何使用此示例：

const form = document.getElementById("form");
form.addEventListener("submit",e => {
  e.preventDefault();
  const children = e.target.children;
  for (child of children) {
    if (child.type !== "submit") {
      console.log(child.value); // do something here
    }
  }
})

<form id="form">
  <input type="text"/>
  <textarea></textarea>
  <input type="submit" value="Submit">
</form>

迭代表单中的元素，并对每个非提交元素进行某事。请注意，在文本区域中按Enter键只会创建新行。

输入提交表格

shiliuguo 回答：输入提交表格

大家都在问