必填字段不能在div內工作

我正在嘗試將默認的必填字段實現爲HTML5表單，但如果我將其放在div中，它就無法工作。必填字段不能在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>

工作代碼：

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

<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>

來源

2017-09-25 raulxbox

什麼意思不工作？ –

'＃confirmDetails'按鈕不會提交表單，而'＃submitbtn'按鈕可以。 [必需屬性是一個布爾屬性。當存在時，它指定必須在**提交表單之前填寫輸入字段。]（https://www.w3schools.com/TAgs/att_input_required.asp） – Mikey

@Anandhunadesh：驗證沒有發生。它直接去功能 – raulxbox

添加一個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>

並聽取表格「提交」的事件：

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

這樣你離開導航器進行驗證。而且不要忘了添加驗證服務器端

希望這有助於

來源

2017-09-25 17:00:10

是的，先生!!這是我正在尋找..將在3分鐘後選擇作爲答案 – raulxbox

你有邏輯錯誤與JS。 click事件添加到提交按鈕，而不是DIV

使用本

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

來源

2017-09-25 17:04:13

必填字段不能在div內工作

回答

相關問題