2014-10-15 4 views
0

안녕하세요. jquery를 사용하여 유효성을 확인한 로그인 양식 페이지가 있습니다. 내 HTML 코드 이것은 사전에jquery를 사용하여 양식을 제출할 수 없습니다.

<form action="" method="post" name="loginform"> 
<table> 
<tr> 
    <th>LOGIN PAGE</th> 
</tr> 
<tr> 
    <td>Name</td> 
    <td><input type="text" name="uname" id="uname" /></td> 
<tr> 
<tr> 
    <td>Password</td> 
    <td><input type="password" name="pwd" id="pwd" /></td> 
<tr> 
<tr> 
    <td colspan="2"><input type="submit" name="submit" id="submit" value="SUBMIT" />  </td> 
<tr> 
</table> 
</form> 

감사를 JQuery와 스크립트는 null 값을 검사하지만 난 그것을 submittingbut되지 않은 값을 입력 할 때 나는 다른 블록

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#submit").click(function(){ 
     //$(this).hide(); 
     var name = $.trim($("#uname").val()); 
     var pwd = $.trim($("#pwd").val()); 
     alert("Value: " + name); 
     alert("Text: " + pwd); 
     if(name == ''){ 
      alert('ssss'); 
      $(":input").css({ 
           "background-color":"#FFCECE", 
           "border":"1px solid red" 

          }); 
     // return false; 
      $('form').submit(function(){ 
       //e.preventDefault(); 
       return false; 
      }); 
     }else{ 
     alert('else'); 
      $(":input").css({ 
           "background-color":"", 
           "border":"" 
          }); 
          alert('else2'); 
      $('form').submit(function(){ 
       alert("thanks"); 
       return true; 
      }); 
      alert('else3');   
     } 

    }); 
}); 


</script> 

에 경고를 볼 수 있어요. 하는 대신 다른 사람의

$('form').submit(function(){ 
    alert("thanks"); 
    return true; 
}); 

의.

+1

여기서 양식 태그가 시작됩니다. – Moussawi7

답변

0

, 단지 return true; 동일

당신이

$('form').submit(function(){ 
    //e.preventDefault(); 
    return false; 
}); 

할 필요가 없습니다, 경우 단지 return true;

양식의 제출 이벤트에 접선되는 코드에서 무슨 일을하는지. 제출 버튼에서 false 또는 true를 반환하면 양식을 제출할지 여부를 결정합니다.

+0

안녕하세요 @ 아트먼 내가 일을하지 못하도록 노력했다 .. – Roshan

+0

안녕하세요 @ 아트먼 나는 둘 다 제출 기능을 제거하고 그냥 거짓 반환 반환하고 그 안에 진정한 반환 .... :) 감사합니다 남자 – Roshan

+0

걱정하지 마세요, 그것이 도움이된다면 대답을 받아들이십시오. – artm

관련 문제