我不是用JavaScript不夠好接壤紅色。簡單地說,我有一個輸入字段的表單。用戶必須至少填寫其中一個。我已經找到了正確的代碼來做到這一點。此代碼告訴用戶使用警報消息時出現錯誤。但我想使用相同的代碼將所有輸入字段邊框設爲紅色而不是此警報消息。使所有輸入字段時,沒有一個至少填充在
HTML
<form id="myform" action="" method="post">
<input name="destination" class="form-control" type="text" >
<input name="thingstodo" class="form-control" type="text">
<input name="gsearch" class="form-control" type="text">
<button type="submit" name="search">Search</button>
</form>
的JavaScript
$(function(){
$("#myform").submit(function(){
var valid=0;
$(this).find('input[type=text]').each(function(){
if($(this).val() != "") valid+=1;
});
if(valid){
return true;
}
else {
alert("error: you must fill in at least one field");
return false;
}
});
});
感謝
這是一個簡單的變化,但我想指出,突出紅色的各個領域 - 從UX的角度表示所有字段是必需的,而不是隻有一個。我會重新考慮這個用戶界面。 – Yoda