0

基本的に私は2つの入力を持っています:

<input type="text" style="height: 30px;" class="input-xlarge" placeholder="Username" name="username" id="username" required><br /><br />
<input type="password" style="height: 30px;" class="input-xlarge" placeholder="Password" name="password" id="password" required><br /><br />

そして基本的に、

これらの両方の入力の値をチェックし、それらを上記の値にチェックして(後でデータベースに、しかし今はチェック目的で)、新しいページにフェードインしたい..

どうすればこれを行うことができますか？

私はそれを始めました..：

$(function() {
    $("#submit").click(function() {
        //do check
    });
});
4

4 に答える 4

0

まず、クリック ボタン イベントではなく、フォームの送信イベントを使用します (そのため、ユーザーが Enter キーを押したときに機能します)。

関数の最後で return false を使用することを忘れないでください。入力の値を取得するには、.val() を使用します

jQuery(document).ready(function($) {
    $('#form').submit(function(){
        var user = $('input[name="username"]').val(),
        pwd = $('input[name="password"]').val();
            return false;
    })
});
于 2013-07-18T11:09:06.573 に答える
0

これを試して

<div id="container"><form name="myForm">
<input type="text" style="height: 30px;" class="input-xlarge" placeholder="Username"    name="username" id="username" required><br />
<input type="password" style="height: 30px;" class="input-xlarge" placeholder="Password" name="password" id="password" required><br />   
<input type="submit" id="submit" value="Submit">
</form></div>   

$(function() {
  $("#submit").click(function() {
      var username = $("input#username").val().length;
      var password = $("input#password").val().length;

      if (username == 0){
          alert("Please enter your username");
          $("input#username").focus();
          return false;
      }
      else if (password == 0) {
          alert("Please enter your password");
          $("input#password").focus();
          return false;
      }
      else {
          //do a ajax form submit here and if it's success put below code in ajax success {}

          //removing all the contents form from the container div
          $("div#container").empty();

          //then load you next page (page you want to load after login success)

          $("div#container").fadeOut("fast");
          $("div#container").load("yourNewPage.html", function(){
             //fade in the div after loading the yourNewPage.html page 
             $("div#container").fadeIn("slow");
          });  

      }
  });
});
于 2013-07-18T11:15:20.470 に答える