输入字段填充有值绿色正确的符号,但未提交表单

时间:2019-05-12 20:31:22

标签: javascript

我想提交表单,但是表单提交按钮不起作用, 请指导我。我想使用javascript提交表单。表单验证工作正常,但我无法提交表单。我是新用户。如果有人帮助我提交此表格。

我有一个代码:

});
<link href="https://jqueryvalidation.org/files/demo/site-demos.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>

<div class="page-content">
  <div class="form-v4-content">
    <form class="form-detail" action="abc.html" method="post" id="myform">
      <h2>REGISTER FORM</h2>
      <div class="form-group">
        <div class="form-row form-row-1">
          <label for="first_name">First Name</label>
          <input type="text" name="first_name" id="first_name" class="input-text">
        </div>
        <div class="form-row form-row-1">
          <label for="last_name">Last Name</label>
          <input type="text" name="last_name" id="last_name" class="input-text">
        </div>
      </div>
      <div class="form-row">
        <label for="your_email">Your Email</label>
        <input type="text" name="your_email" id="your_email" class="input-text" required pattern="[^@]+@[^@]+.[a-zA-Z]{2,6}">
      </div>
      <div class="form-group">
        <div class="form-row form-row-1 ">
          <label for="password">Password</label>
          <input type="password" name="password" id="password" class="input-text" required>
        </div>
        <div class="form-row form-row-1">
          <label for="comfirm-password">Comfirm Password</label>
          <input type="password" name="comfirm_password" id="comfirm_password" class="input-text" required>
        </div>
      </div>
      <div class="form-checkbox">
        <label class="container"><p>I agree to the <a href="#" class="text">Terms and Conditions</a></p>
    					  	<input type="checkbox" name="checkbox">
    					  	<span class="checkmark"></span>
    					</label>
      </div>
      <div class="form-row-last">
        <input type="submit" name="register" class="register" value="Register">
      </div>
    </form>
  </div>
</div>

我只想提交我的表格。我不知道是什么问题

1 个答案:

答案 0 :(得分:0)

该表单未提交,因为您告诉它不要提交。

jQuery.validator.setDefaults({
  debug: true,

来自docs

  

调试(默认:false)
  类型:布尔值
  启用调试模式。如果为true,则不提交表单...