Javascript点击处理程序

Question

任务是：

我已经完成了网页的表单和设计位，但从未遇到过这样的推文：javascript中的function（）

我对如何接近或完成此任务感到困惑，任何帮助将不胜感激！谢谢:)）

 var _itq = {
   push: function() {
     console.log.apply(console, arguments);
   }
 };

 _itq.push("_itq", "initialised", "ok");

<form id="commentForm" method="get" action="">

  <div class="form-group">

    <input class="form-control" type="email" placeholder="Enter Your Email" required>

  </div>

  <div class="form-group">

    <div>

      <input type="text" class="form-control" placeholder=" Enter Your Name" pattern=".{2,}" required title="2 characters minimum">


    </div>

    <div>

      <input type="password" class="form-control" placeholder="Your Password" pattern=".{5,10}" required title="5 to 10 characters">


    </div>

  </div>

  <div class="form-group">
    <button type="submit" class="btn btn-block btn-info">Sign Up</button>
  </div>

</form>

Answer 1

尝试类似这样的事情

您的HTML：

<button type="submit" class="btn btn-block btn-info" onclick="fillarr()">Sign Up</button>

JS：

function fillarr(){
_itq.push(document.getElementById("emailId").value, document.getElementById("nameId").value);
}

您仍然需要为“电子邮件和姓名”字段添加ID

Answer 2

这是第二个问题，这应该让你在问题1的正确路径上。

document.getElementById('commentForm').onsubmit = function() { // attach to form submit
  var email = document.getElementById("email").value;          // get the email value (add id="email" to the email input in the html)
  var name = document.getElementById("name").value;            // get the name (add id="name" to the name input in the html)
  var initials = name.split(' ').map(function(v, i) {          // get the initials by splitting
    return v[0]                                                // on space and taking the 1st char
  }).join('');
  _itq.push(email, initials); // pass into your push
  return false;               // return false to stop the submit (optional depending on requirements)
};

下面的工作片段

var _itq = {
  push: function() {
    console.log.apply(console, arguments);
  }
};

_itq.push("_itq", "initialised", "ok");

document.getElementById('commentForm').onsubmit = function() {
  var email = document.getElementById("email").value;
  var name = document.getElementById("name").value;
  var initials = name.split(' ').map(function(v, i) {
    return v[0]
  }).join('');
  _itq.push(email, initials);
  return false;
};

<form id="commentForm" method="get" action="">

  <div class="form-group">

    <input id="email" class="form-control" type="email" placeholder="Enter Your Email" required>

  </div>

  <div class="form-group">

    <div>

      <input id="name" type="text" class="form-control" placeholder=" Enter Your Name" pattern=".{2,}" required title="2 characters minimum">


    </div>

    <div>

      <input type="password" class="form-control" placeholder="Your Password" pattern=".{5,10}" required title="5 to 10 characters">


    </div>

  </div>

  <div class="form-group">
    <button type="submit" class="btn btn-block btn-info">Sign Up</button>
  </div>

</form>