Question

我正在制作一个原型，我希望在提交后触发一个动作，但只有填写了必填字段。

我有这段代码

<button type="submit" onclick="doSomething()" class="btn btn-primary">Register</button>

还使用HTML 5中的'required'属性在我的表单上输入，就像这样

<input type="text" class="form-control" placeholder="Name" required>

我想只在输入填充时才触发动作。我想我可以通过检查输入是否使用jQuery填充来做到这一点，我想知道是否有更简单的方法

Answer 1

好吧，我实际上找到了一个解决方案，如果有人遇到同样的问题，我就是这样做的。

我没有在按钮标签上使用“onclick”，而是使用我的doSomething函数在我的表单标签中添加了一个“onsubmit”（我根本不知道这个存在的）事件，如下所示：

<form onsubmit="doSomething()">

只有在填写所需输入时才会调用该函数，这很简单。

感谢那些试图提供帮助的人

Answer 2

尝试使用oninput事件

＆＃13;

function doSomething() {
  console.log("do stuff")
}

document.querySelector("input").oninput = function() {
  this.nextElementSibling.click()
}

＆＃13;

<input type="text" class="form-control" placeholder="Name" required>
<button type="submit" onclick="doSomething()" class="btn btn-primary">Register</button>

＆＃13;

Answer 3

您可以随时使用此https://jsfiddle.net/2Lzo9vfc/26/

<强> HTML

<button type="submit"  class="btn btn-primary">Register</button>
<input type="text" class="form-control" placeholder="Name" required>

<强> JS

$('button').click(function() {
  var content = $('input').val();

  if(content != '') {
    alert(content);
  }
});

HTML5需要使用jQuery进行属性触发操作

3 个答案: