JQuery и HTML Форма отправки - PullRequest
Новая
       14

JQuery и HTML Форма отправки

0 голосов
/ 27 ноября 2011

Отправлена ​​стандартная форма, и я хочу, чтобы jquery сначала определил, верна ли она, возвращая true или false (нужно false для работы).Но в любом случае он просто переходит на страницу действий.

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 script: 

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

Однако;$(window).load(function () {}); работает.

Ответы [ 2 ]

3 голосов
/ 27 ноября 2011

Вам нужно использовать $(function() { ... }), оно сработает на документ готов . Что-то вроде: 

$(function() {
    $("#regform").submit(function() {
        alert('Handler for .submit() called.');
        return false;
    });
});
0 голосов
/ 27 ноября 2011

Это работает для меня: 

<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>
...