JQuery和HTML表單提交

提交了一個標準表單，我想讓jquery確定它是否有效，返回true或false（需要false才能工作）。但是無論如何，它都會進入操作頁面。JQuery和HTML表單提交

HTML：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<title></title> 
<link href="user.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="jquery-1.7.min.js"></script> 
<script type="text/javascript" language="javascript" src="regValidation.js"></script> 
</head> 
<body> 
<form id="regform" action="BookstorePage.php" method="post">    
<label for="f_name">First name</label> 
<input type="text" name="f_name" id="REG_FNAME" />     
<label for="l_name">Last name</label> 
<input type="text" name="l_name" id="REG_LNAME" /> 
<input id="btnsubmit" type="submit" name="reg_submit" value="Register!" /> 
</form> 
</body> 
</html>

jQuery腳本：

$("#regform").submit(function() { 
alert('Handler for .submit() called.'); 
return false; 
});

然而， $(window).load(function() {});確實有效。

來源

2011-11-27 gorn

您需要使用$(function() { ... })，它會觸發document ready。喜歡的東西：

$(function() { 
    $("#regform").submit(function() { 
     alert('Handler for .submit() called.'); 
     return false; 
    }); 
});

來源

2011-11-27 06:31:20

是的，這確實起作用。謝謝=） – gorn

這個工作對我來說：

<html> 
    <head> 
     <title>Test asdfg</title> 
     <style type="text/css"> 
      #iframeStateChangelog { 
       height: 80px; 
       overflow: auto; 
      } 
     </style> 
    </head> 
    <body> 
     <form id="regform" action="BookstorePage.php" method="post">    
      <label for="f_name">First name</label> 
      <input type="text" name="f_name" id="REG_FNAME" />     
      <label for="l_name">Last name</label> 
      <input type="text" name="l_name" id="REG_LNAME" /> 
      <input id="btnsubmit" type="submit" name="reg_submit" value="Register!" /> 
     </form> 
     <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js"></script> 
     <script type="text/javascript"> 

      var RegForm = null; 

      var RegForm_OnSubmit = function(e) { 
       alert('handler for submit event'); 
       e.preventDefault(); 
       return false; 
      }; 

      $(function() { 
       RegForm = $("form"); 
       RegForm.bind('submit', RegForm_OnSubmit); 
      }); 


     </script> 
    </body> 
</html>

來源

2011-11-27 06:36:47 MilkyWayJoe

JQuery和HTML表單提交

回答

相關問題