1 回答

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超8個(gè)贊
onclick="Redirect();"
當(dāng)您單擊圖像時(shí),您的代碼建議被調(diào)用。
這里可以做兩件事,
在
Redirect
函數(shù)中,檢查日期是否被用戶選擇,如果沒(méi)有,提示選擇一個(gè)日期,一旦選擇然后重定向。創(chuàng)建一個(gè)不同的
submit
按鈕。單擊image
anddate picker
時(shí),保持不同的布爾值,該布爾值將設(shè)置為 true。單擊 時(shí)submit
,檢查兩個(gè)布爾值是否為真,然后重定向,否則提示布爾值錯(cuò)誤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 中第二種方法的基本代碼表示。
添加回答
舉報(bào)