2013-05-04 3 views
1

jQuery를 사용하여 버튼을 클릭하면 양식을 제출 한 후 양식이 있습니다. 버튼을 클릭하면 알림 상자에 jQuery 포커스가 붙습니다.

function validate(){ 
    if($('#firstname').val() =="") 
      alert("Please enter your first name"); 
    else if($('#lastname').val() == "") 
    alert("Please enter your last name"); 
    else if($('#association').val() == "") 
    alert("Choose your association"); 
    else if($('#association_no').val() == "") 
    alert("Please enter your association number"); 
    else 
    $('#register').submit(); 
    } 


    $(function(){ 


     $(".enter_submit").keyup(function(event) { 
     if(event.keyCode === 13) 
     validate(); 

     }) 

    }) 

경고 상자

잘 표시되어 있지만 내가 누르면 경고 상자가 표시됩니다 후에 입력하는 것이 내 문제는, 대신 경고를 치우는의 또 다른 경고 상자를 제공합니다 (I 마우스와 확인을 클릭하면 잘 작동). FF에서는이 페이지에서 # 경고를 더 많이 제공합니다. 그래서 나는 아직도 경고 후에도 형태에 초점을 맞추고 있다고 믿는다.

+5

'경고'는 성가신 일입니다. 그것을 제거하고 메시지를 다른 방법으로 보여줍니다. '.enter_submit '이란 무엇입니까? – SachinGutte

+0

나는 동의한다. 그러나 나는이 상황에서 그것을 고치는 방법을 알고있다. .enter_submit은 클래스로, 커서가 텍스트 필드에있을 때 입력이 눌러지면 양식을 제출할 텍스트 필드를 추가하면됩니다. – Indy

답변

0

경고 상자가 표시된 후 반환 False를 지정하십시오. 동시에 다른 경고 상자가 표시되지 않을 수 있습니다.

function validate() { 
      if ($('#firstname').val() == "") { 
       alert("Please enter your first name"); 
       return false; 
      } 
      else if ($('#lastname').val() == "") { 
       alert("Please enter your last name"); 
       return false; 
      } 
      else if ($('#association').val() == "") { 
       alert("Choose your association"); 
       return false; 
      } 
      else if ($('#association_no').val() == "") { 
       alert("Please enter your association number"); 
       return false; 
      } 
      else { 
       $('#register').submit(); 
       return true; 
      } 
     } 


     $(function() { 
      $(".enter_submit").keyup(function (event) { 
       if (event.keyCode === 13) 
        return validate(); 
      }); 
     }); 

희망이 도움

감사 Prashant

+0

안녕하세요, Prashanth, 답장을 보내 주셔서 감사합니다. – Indy

0

은 내가 경고가 존재 한 경우에도 텍스트 필드에 포커스 여전히라고 생각

$(".enter_submit").keyup(function(event) { 
     $(this).blur(); 
     if(event.keyCode === 13) 
     return validate(); 

     }) 

이 사용 흐림 기능을 고정 초점이 맞지 않게 표시되어야합니다. 즉, 흐리게 표시해야합니다. 대답 한 모든 사람들에게 감사드립니다.

관련 문제