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 유효성 검사 플러그인. stackoverflow 또는 웹 여기 주위에 많은 예제.

$('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(); 
    } 
});