使用jquery驗證文本框

-1

使用jQuery，我需要驗證我的表單onsubmit()，如果兩個文本框都有非空值，則在它們下面顯示一個錯誤。使用jquery驗證文本框

HTML：

<input id="actual" type="text" value="#" /> 
<input id="real" type="text" value="#" /> 
<input id="submit" type="submit" value="submit" />

的jQuery：

$("[value='Submit']").click(function(event) { 
    if (($("#actual").val() != null) && ($("#real").val() != null)) { 
     // What do I do here? 
    } 
});

來源

2013-03-21 user2194155

你是什麼扔錯誤是什麼意思？你想使用catch還是隻想提醒用戶出現錯誤？ – 2013-03-21 14:38:03

這個問題寫得並不比你的第一個版本好。可能重複的[在提交時驗證文本框]（http://stackoverflow.com/questions/15547552/validating-textboxes-on-submit） – Sparky 2013-03-21 14:43:10

第一：你如果語法是完全錯誤的。第二點是，你檢查兩次相同元素的值。

拋出錯誤是什麼意思？其實拋出異常？你這樣做是這樣的：

if($("#first_textbox").val() != null && $("#second_textbox").val() != null) { 
    throw new Error("Both textboxes are empty.") 
}

或者你是否想在文本框中包裝一個錯誤風格的類？

if($("#first_textbox").val() != null) { 
    $("#first_textbox").addClass('error'); 
} 

if($("#second_textbox").val() != null) { 
    $("#second_textbox").addClass('error'); 
}

當然，你必須聲明一個CSS類，添加一個像樣式的錯誤。你可以創建一個樣式像這樣：

.error { 
    border-color: #8B1A1A; 
}

也請不要在一個選擇，即輸入按鈕的值部分匹配添加點擊處理程序。

而不是$("[value='Submit']")使用$('input[type="submit"]')

更新

來源

2013-03-21 14:41:30

我需要在該錯誤類中指定什麼，該怎麼做？我是新來的CSS – user2194155 2013-03-21 14:52:20

我更新了答案。 – 2013-03-21 15:49:09

我會在那裏顯示錯誤？ – user2194155 2013-03-22 02:15:25

使用jquery驗證文本框

回答

相關問題