當我設置按鈕類型以提交時，我似乎無法顯示表單，但當按鈕是按鈕時，我無法取出表單。我必須使代碼與按鈕類型按鈕一起使用。 <script type ="text/javascript"> function submitData() { var input = document.getElementById('objectname').value; document.getElementById("nameerror").innerHTML = ""; if (input === "") { document.getElementById("nameerror").innerHTML = "<span style='color:red'> You need to enter the object field</span>"; } var option1 = document.getElementById('metal'); var option2 = document.getElementById('wood'); var option3 = document.getElementById('liquid'); var option4 = document.getElementById('plant'); var option5 = document.getElementById('animal'); var option6 = document.getElementById('human'); var option7 = document.getElementById('others'); document.getElementById("optionerror").innerHTML = ""; if (option1.checked === false && option2.checked === false && option3.checked === false && option4.checked === false && option5.checked === false && option6.checked === false && option7.checked === false) { document.getElementById("optionerror").innerHTML = "<span style='color:red'> You need to select an object type</span>"; } if (!(input === "") && (!(option1.checked === false) || !(option2.checked === false))) { document.getElementById('myform').submit(); } } </script> </head>我必須將數據傳輸到 server.php。當我設置要提交的按鈕類型時，我可以顯示此表單。但是當我將按鈕類型設置為按鈕時，我無法讓它出現。
2 回答
慕森卡
TA貢獻1806條經驗 獲得超8個贊
首先，要將輸入更改為按鈕，請使用以下命令（注意： 元素<button>而不是<input>）：
<button type="submit" name="submit">Submit</button>
然后要提交您的表格，您可以執行以下任一操作：
正如您已經做的那樣，使用按鈕中的 onclick 來調用 js 函數，例如
<button type="submit" name="submit" onclick="submitData();">Submit</button>或onsubmit提交表單的標準方法是在元素中使用form并僅使用 javascript 函數進行驗證，如下所示：[...您的表單字段在這里...]
<button type="submit" name="submit">Submit</button>
如果您使用，那么如果一切都可以提交，那么onsubmit您的驗證函數應該返回，否則表單將阻止提交發生。表格本身將完成剩下的工作！truefalse
function submitData() {
// your validation checks here...
if (!(input === "") && (!(option1.checked === false) || !(option2.checked === false))) {
return true; // no errors so return true to the form so it knows its ok to continue.
}
// if there were errors, return false so that the form knows not to submit
return false;
}
三國紛爭
TA貢獻1804條經驗 獲得超7個贊
還有其他方法可以解決此問題，但這里有一個：
您可以將按鈕類型保留為“提交”，但附加 CSS：
CSS（只是一個例子......你可以使用任何其他CSS）：
.button{ padding:9px; font-size: 16px; background:#00912a; border:1px solid #037223; color:#fff !important;}
.button:hover{ background:#fff; border:1px solid #037223; color:#037223 !important;}
代碼：
<input type="submit" class="button" value="Submit" name="submit" onclick="submitData();" ><br/>
- 2 回答
- 0 關注
- 179 瀏覽
添加回答
舉報
0/150
提交
取消