基本上我有2個輸入：充分利用輸入的值，並檢查它針對的值的jQuery

<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 
    }); 
});

來源

2013-07-18 madcrazydrumma

首先，不要使用點擊按鈕事件，但提交表單的事件（所以它會工作，當用戶按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-18 11:09:06 PaoloCargnin

的'輸入[名稱=「密碼」]'是愚蠢的不必要 – iConnor

現在如何，我會檢查它，一個值，然後淡出，進入了新的一頁？ – madcrazydrumma

你用條件'if（valuea == valueb）{...}'檢查值，如果值是正確的，你不必寫'return false'，以便表單將數據發送到另一個頁面在表單的動作屬性中設置 – PaoloCargnin

您wan't這

$(function() { 
    $("#submit").click(function() { 
     var username = $('#username').val(), 
      password = $('#password').val(); 
     alert(username + ' ' + password) 
    }); 
});

這是非常簡單的東西，但$('#username').val()手段獲得與ID用戶名的元素，並獲得它的當前值

Demo

來源

2013-07-18 11:10:54 iConnor

現在我將如何檢查它的值，然後淡出並進入新頁面？ – madcrazydrumma

好吧，如果（用戶名===值）{。。。 }' – iConnor

我做了檢查，然後做$（'。content'）。fadeOut（3000）;淡出我的原始頁面，那麼我如何執行更改頁面並淡入新頁面？ – madcrazydrumma

$(function() { 
    $("#submit").click(function() { 
     console.log($'#username').val()); 
     console.log($('#password').val()); 
    }); 
});

選中此Sample jsfiddle

來源

2013-07-18 11:11:28 Praveen

試試這個

<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-18 11:15:20 Akbar

充分利用輸入的值，並檢查它針對的值的jQuery

回答

Demo

相關問題