基本驗證/復選框和文本字段

Question

我只是在選中id =“checkbox”的復選框時才嘗試驗證“mytextinput”。 沒運氣！ 試過這些腳本的變化：

    if (myform.mytextinput.value=="" && document.getElementById("checkbox").checked) {
    alert ('Please enter something!');
    return false;}

---

    if (myform.mytextinput.value=="" && document.getElementById("checkbox").checked==true) {
    alert ('Please enter something!');
    return false;}

---

    if (myform.mytextinput.value=="" || document.getElementById("checkbox").checked) {
    alert ('Please enter something!');
    return false;}

我究竟做錯了什么？

Answer 1

你可以這樣做。 只有選中復選框，才會執行輸入驗證。

if(document.getElementById("checkbox").checked){
        if (myform.mytextinput.value == "") {
            alert("Please enter something!");
            return false;
        }

    //... more validation
    }

在您的解決方案中，您正在驗證復選框和輸入，但可能沒有必要檢查輸入，因為未選中復選框。

的jsfiddle

Answer 2

如果您希望用戶在文本字段中寫入內容，但僅驗證是否選中了帶有id checkbox ，則此操作應該有效：

if (myform.mytextinput.value.length < 1 && document.getElementById("checkbox").checked) {
    alert ('Please enter something!');
    return false;
}