檢查值存在，顯示錯誤信息 - 通過jQuery

Question

提交表單的任何人都可以用，如果值存在檢查幫助過嗎？

我需要檢查的姓名，電話，電子郵件和查詢在下面的表格提交時，按鈕被點擊...如果沒有價值形態之前需要顯示錯誤消息的值。

這是我的形式：

<form action="#" id="emailForm" method="post"> 
    <div class="left"> 
    <input type="hidden" value="1" name="submitted"> 
    <input type="text" onblur="if(this.value==''){this.value='name'};" onfocus="if(this.value=='name'){this.value=''};" class="inputField" value="name" name="contactname"><br> 
    <input type="text" onblur="if(this.value==''){this.value='telephone number'};" onfocus="if(this.value=='telephone number'){this.value=''};" class="inputField" value="telephone number" name="telno"><br> 
    <input type="text" onblur="if(this.value==''){this.value='email address'};" onfocus="if(this.value=='email address'){this.value=''};" class="inputField" value="email address" name="email"><br> 
    </div> 
    <div class="right"> 
    <textarea rows="10" cols="10" onblur="if(this.value==''){this.value='enquiry'};" onfocus="if(this.value=='enquiry'){this.value=''};" class="textarea" name="enquiry">enquiry</textarea> 
    <br> 
    <button class="send"></button> 
    </div> 
</form> 

任何幫助深表感謝......

Answer 1

$('#emailForm').submit(function(){ 
    //check name, you can do the rest... 
    if($(this).find("input[name='contactname']").val() == "" || $(this).find("input[name='contactname']").val() == "name"){ 
    // show error 
    alert('error'); 
    // don't send the form 
    return false; 
    } 
    // if we get to this point send the form 
    return true; 
}); 

如果你return false將停止發送形式... :)

它一樣的鏈接... $('a').click(function(){ return false; });

Answer 2

This jQuery plugin看起來它會使你的代碼更容易實現。

Answer 3

雖然下面將工作，你真的應該使用一個jQuery驗證插件。許多例子在這裏對計算器或網頁。

$('emailForm').submit(function(event) { 
    var $inputs = $('input', this); 
    var $validInputs = $inputs.filter(function() { 
         return $(this).val().length > 0; 
        }); 

    if ($inputs.length != $validInputs.length) 
    { 
     alert('Whoops, there is an error.'); 
     event.preventDefault(); 
    } 
});