1 回答

TA貢獻1806條經驗 獲得超8個贊
onclick="Redirect();"
當您單擊圖像時,您的代碼建議被調用。
這里可以做兩件事,
在
Redirect
函數中,檢查日期是否被用戶選擇,如果沒有,提示選擇一個日期,一旦選擇然后重定向。創建一個不同的
submit
按鈕。單擊image
anddate picker
時,保持不同的布爾值,該布爾值將設置為 true。單擊 時submit
,檢查兩個布爾值是否為真,然后重定向,否則提示布爾值錯誤false
let _img = document.getElementById("img")
let _picker = document.getElementById("picker")
let _btn = document.getElementById("btn")
let isImgClicked = false
let isDatePicked = false
_img.addEventListener("click", () => {
isImgClicked = true
})
_picker.addEventListener("click", () => {
isDatePicked = true
})
_btn.addEventListener("click", () => {
if (!isImgClicked)
alert("Image Not clicked")
else if (!isDatePicked)
alert("Date not picked")
else
alert("All good! Need to reirect")
})
<img src="https://res.cloudinary.com/demo/image/upload/w_400,h_400,c_crop,g_face,r_max/w_200/lady.jpg" id="img">
<div id="picker">
Dummy date picker
</div>
<button id="btn">
Submit
</button>
上面是 vanilla javascript 中第二種方法的基本代碼表示。
添加回答
舉報