2011-07-25 43 views
4

我想知道什麼是javascript/jquery是在表單中填寫字段必填字段?Jquery必填字段 - 無插件

+0

先做一個Google搜索並詢問特定的庫/問題。我們無法推斷哪個插件可以滿足您的需求。 – Dominic

+1

我不想插件,我想直接jquery/javascript。我很抱歉,我太模糊了,但沒有什麼其他要問的。我做了一個谷歌搜索幾個不同的東西。 – snakespan

+0

很酷。那麼一個好的計劃就是說出你試過的東西,你的想法,或者你被困住的地方。另外,即使你不需要任何理由的插件,看看人們用Jquery構建的東西往往非常具有啓發性,並且提供了很多靈感。 – Dominic

回答

10
<input type="text" data-required="true"> 

然後使用jQuery:

$('form').submit(function() { 
    var faults = $('input').filter(function() { 
     // filter input elements to required ones that are empty 
     return $(this).data('required') && $(this).val() === ""; 
    }).css("background-color", "red"); // make them attract the eye 
    if(faults.length) return false; // if any required are empty, cancel submit 
}); 

http://jsfiddle.net/evpS9/1/

+0

嗨,我試過這個,它似乎並沒有工作,但這可能是因爲,而不是改變CSS,我試圖改變段落的文本 - $('p.validation_error')。文字(「請輸入有效的名稱」); – snakespan

+0

@snakespan:什麼'不工作',它怎麼不工作?我的小提琴爲你工作嗎? – pimvdb

2

這不是很好沒有註釋的傢伙downvote。你會因爲你的問題非常模糊而缺乏一個簡單的谷歌搜索與這個確切的問題。

你在找什麼(可能)是jQuery Validator