3 回答

TA貢獻1820條經驗 獲得超9個贊
而不是做:
$('#contactbtn').click(function(e) {
您應該捕獲表單提交事件:
$($form).submit(function (e) {

TA貢獻1887條經驗 獲得超5個贊
嘗試修復 HTML,
因為它目前有點傾斜,
并且會在 HTML 驗證器中顯示一些錯誤。
<form name="ff" id="ff">
<label for="Name" style="font-family: sans-serif;">Name*:</label>
<input id="Name" type="text" placeholder="Please enter your name"
name="name" required/>
<label for="Email" style="font-family: sans-serif;">Email*:</label>
<input id="Email" type="email" placeholder="Enter your Email ID"
name="email" required/>
<label for="Mobile" style="font-family: sans-serif;">Mobile Number *:</label>
<input id="Mobile" type="text" placeholder="Enter Your Number"
name="mobile" maxlength="10" required/>
<label for="Message" style="font-family: sans-serif;">Message*:</label>
<textarea id="Message" name="message" cols="500"
placeholder="Message" required></textarea>
<input id="Contact_Btn" class="sendButton" type="submit"
name="Submit" value="Send"/>
</form>
如果標簽不包含有效的 for 屬性,該屬性與元素的 id 區分大小寫匹配,那么這將在 Javascript 控制臺中導致錯誤。這也可能會阻止或阻止所需屬性的內置表單驗證。嘗試讓我知道。
還要考慮一下,如果您將必需的內容放在文本區域上,那么您可能需要指定該字段所需的最小和最大字符數,但不能 100% 確定這一點,您可能需要在 W3c 或 Mozilla 開發者網絡上查找該部分..

TA貢獻1900條經驗 獲得超5個贊
這在純 JS 中是如此簡單......
const myForm = document.forms.ff
myForm.onsubmit=e=>
{
e.preventDefault()
let data = {}
Array.from(new FormData(myForm), (entry) => { data[ entry[0] ] = entry[1]} )
console.log(data)
// localStorage.setItem('order', JSON.stringify(data))
// console.log(localStorage.getItem('order'))
// window.location.replace("./contactbooking.html")
}
<form name="ff" >
<label>Name*:</label>
<input type="text" placeholder="Please enter your name" name="name" required ><br>
<label>Email*:</label>
<input type="email" placeholder="Enter your Email ID" name="email" required ><br>
<label> Mobile Number *:</label>
<input type="text" placeholder="Enter Your Number" name="mobile" maxlength="10" required ><br>
<label>Message*:</label>
<textarea name="message" cols="500" placeholder="Message" required></textarea><br><br>
<button class="sendButton" type="submit" >Send</button>
</form>
添加回答
舉報