繁星點點滴滴
2021-06-27 15:11:43
我正在制作一個網(wǎng)站注冊頁面,我需要首先驗證我的表單,然后如果表單有效,我需要運行一些功能我不喜歡 jquery。請用 js 提出答案。過去,我試過這個功能,但只有 onclic 功能有效......當(dāng)表單有效并且我點擊按鈕時什么也沒有發(fā)生<form onsubmit=" // function to take place on submit "> // This // function should take place if form has been validated by alerts as // well<input required><input required><button type="submit" onclick="fn(); fn2(); fn3()" // I need to use onclick here as // these functions are validations using javascript alert</form>required 屬性用于驗證我正在使用 javascript 瀏覽器驗證來驗證表單。但是 javascript 警報驗證是針對數(shù)字的(例如,我使用 if 條件僅當(dāng)數(shù)字范圍從 1 到 10 時才接受數(shù)字)。如果表單有效,則賦予 onlick 的函數(shù)將不顯示任何內(nèi)容。并且在提交時,我需要它僅在表單有效時顯示一些信息。我希望如果表單無效,那么我給 onclick 的警報功能應(yīng)該可以工作,當(dāng)表單有效時,當(dāng)我點擊提交按鈕時,它應(yīng)該顯示消息。
3 回答

寶慕林4294392
TA貢獻2021條經(jīng)驗 獲得超8個贊
是的,您可以在提交按鈕上使用 onSubmit 和 onClick。下面的示例將生成兩個警報框。但是,如果您將按鈕設(shè)為 type="button" 并在 onClick 函數(shù)中添加 theForm.submit() 以實際提交表單,則不會觸發(fā) onSubmit。它僅由 type="submit" 按鈕觸發(fā)。要解決這個問題,只需在手動提交表單之前直接從 onClick 函數(shù)中調(diào)用 onSubmit 函數(shù)即可。
<form onsubmit="myFunction()">
Enter name: <input type="text" name="fname">
<input type="submit" value="Submit" onClick="mySubmit(this.form)">
</form>
<script>
function myFunction() {
alert("The form was submitted");
}
function mySubmit(theForm) {
alert("My Submit");
}
</script>
添加回答
舉報
0/150
提交
取消