2013年8月23日 星期五

html-submit 




inf : http://api.jquery.com/submit/

<!doctype html>







<html lang="en">







<head>







  <meta charset="utf-8">







  <title>submit demo</title>







  <style>







 







  p { margin:0; color:blue; }







  div,p { margin-left:10px; }







  span { color:red; }







   </style>







  <script src="http://code.jquery.com/jquery-1.9.1.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>
張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)