'.submit()'에 해당되는 글 1건

  1. 2012.09.10 .submit()
JQuery/jQuery API2012.09.10 14:03

<!DOCTYPE html>
<html>
<head>
 
<style>

  p
{ margin:0; color:blue; }
  div
,p { margin-left:10px; }
  span
{ color:red; }
 
</style>
 
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
 
<p>Type 'correct' to validate.</p>
 
<form action="javascript:alert('success!');">
   
<div>
     
<input type="text" />

     
<input type="submit" />
   
</div>
 
</form>
 
<span></span>
<script>

    $
("form").submit(function() {
     
if ($("input:first").val() == "correct") {
        $
("span").text("Validated...").show();
       
return true;
     
}
      $
("span").text("Not valid!").show().fadeOut(1000);
     
return false;
   
});
</script>

</body>
</html>

저작자 표시 비영리 동일 조건 변경 허락
신고

Posted by jangjeonghun
TAG

티스토리 툴바