Question

您好，

我正在尝试实施＆＃34; required＆＃34;在表单中的输入字段和onclick- submit中，它转到一个调用第三方函数并将表单传递给它的函数。

我理解＆＃34;必需＆＃34;没有与＆＃34; onclick＆＃34;但是有办法解决它吗？

编辑：我没有任何php或后端，这就是我调用客户端传递表单数据的原因。

代码：

<form id="signupform">
       <label for="name"> Name </label>
       <input type= "text" id="name" name="name" required>        
       <label for="emailaddr"> Email </label>
       <input type= "email" id="emailaddr" name="emailaddr" required>
       <button type="submit" onclick="callclient()">Submit</button>
</form>

Answer 1

这是一个使用onsubmit的片段。

我返回false，因此未调用默认提交，这可能是您认为它在您的版本中无效的原因。

＆＃13;

function callclient() {
  console.log('Client Called');
  return false;
}

＆＃13;

<form id="signupform" onsubmit="return callclient();">
       <label for="name"> Name </label>
       <input type= "text" id="name" name="name" required>        
       <label for="emailaddr"> Email </label>
       <input type= "email" id="emailaddr" name="emailaddr" required>
       <button type="submit">Submit</button>
</form>

＆＃13;

Answer 2

您还可以使用jQuery捕获submit事件并以这种方式执行您的函数。

Here is a jsFiddle

$(document).ready(function(){

    $('#signupform').on('submit', function(e){

       // Stop the form submission
       e.preventDefault();

       callClient();

    })
})

function callClient(){
    alert('client called.');
}

必填字段在Javascript中不起作用

2 个答案: