當(dāng)我設(shè)置按鈕類型以提交時，我似乎無法顯示表單，但當(dāng)按鈕是按鈕時，我無法取出表單。我必須使代碼與按鈕類型按鈕一起使用。 <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>我必須將數(shù)據(jù)傳輸?shù)?server.php。當(dāng)我設(shè)置要提交的按鈕類型時，我可以顯示此表單。但是當(dāng)我將按鈕類型設(shè)置為按鈕時，我無法讓它出現(xiàn)。
2 回答
慕森卡
TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超8個贊
首先，要將輸入更改為按鈕，請使用以下命令（注意： 元素<button>而不是<input>）：
<button type="submit" name="submit">Submit</button>
然后要提交您的表格，您可以執(zhí)行以下任一操作：
正如您已經(jīng)做的那樣，使用按鈕中的 onclick 來調(diào)用 js 函數(shù)，例如
<button type="submit" name="submit" onclick="submitData();">Submit</button>或onsubmit提交表單的標(biāo)準(zhǔn)方法是在元素中使用form并僅使用 javascript 函數(shù)進(jìn)行驗(yàn)證，如下所示：[...您的表單字段在這里...]
<button type="submit" name="submit">Submit</button>
如果您使用，那么如果一切都可以提交，那么onsubmit您的驗(yàn)證函數(shù)應(yīng)該返回，否則表單將阻止提交發(fā)生。表格本身將完成剩下的工作！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貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超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 關(guān)注
- 180 瀏覽
添加回答
舉報(bào)
0/150
提交
取消