Question

我正在尝试将默认的必填字段实现为HTML5格式，但如果我将其放在div中，则无效。

不工作代码：

<form>
    <div class="form-phone">
      <label for="phone" id="lphone">Phone no:</label><br>
      <input type="number" id="phone" name="phone" placeholder="Phone-Number" required/><br> 
    </div>
    <div id="confirmDetails">
        <input id="submitbtn" type="submit" value="Call Me!" />
     </div>
 </form>

工作代码：

＆＃13;

$('#confirmDetails').on('click', 'input', function(e) {
  alert(test);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <div class="form-phone">
    <label for="phone" id="lphone">Phone no:</label><br>

    <input type="number" id="phone" name="phone" placeholder="Phone-Number" required/><br>
  </div>
  <input id="submitbtn" type="submit" value="Call Me!" />
</form>

＆＃13;

Answer 1

在表单中添加ID：

<form id="myForm">
<div class="form-phone">
      <label for="phone" id="lphone">Phone no:</label><br>

      <input type="number" id="phone" name="phone" placeholder="Phone-Number" required/><br> 
 </div>
<div id="confirmDetails">
     <input id="submitbtn" type="submit" value="Call Me!" />
     </div>
 </form>

听取此事件＆＃34;提交＆＃34;形式：

$('#myForm').on('submit',function (e) {
  alert(test);
})

这样您就可以离开导航器进行验证。并且不要忘记在服务器端添加验证

希望这有帮助

Answer 2

js的逻辑错误。将click事件添加到提交按钮，而不是div

使用此

$('#submitbtn').on('click', 'input',function (e) {
alert(test);
})

必需的字段不在div内工作

2 个答案: