如何在形式

Question

<form action="demo_form.asp"> 
    Username: <input type="text" name="usrname" required > 
<div required style="-webkit-user-modify: read-write;width:100px;height:100px;border:1px solid black;"></div> 
<input type="submit"> 
</form> 

在上面的代碼中Div元素編輯和必填字段，DIV是可編輯的，我想使DIV強制性的，提交表單，如果格是空的應該不火。目前文本框只是必填字段，我不知道如何使div強制

在此先感謝。

Answer 1

啊，這可以使用JavaScript來實現：

<form action="demo_form.asp" id="frmMain"> 
 
    Username: 
 
    <input type="text" name="usrname" required> 
 
    <div id="requiredDiv" style="-webkit-user-modify: read-write;width:100px;height:100px;border:1px solid black;"></div> 
 
    <input type="submit"> 
 
</form> 
 
<script> 
 
    var frmMain = document.getElementById("frmMain"); 
 
    frmMain.onsubmit = function() { 
 
    var requiredDiv = document.getElementById("requiredDiv"); 
 
    if (requiredDiv.innerHTML.trim().length == 0) { 
 
     alert("Please fill the div as well."); 
 
     return false; 
 
    } 
 
    }; 
 
</script>