0

機能することを意図していない単純なフォームがあります。これはプロトタイプ用です。HTMLは次のとおりです。

<form class="signup">
  <div class="group">
    <div class="row">
      <label>Username</label>
      <input type="text">
    </div>
    <div class="row">
      <label>Password</label>
      <input type="password">
    </div>
  </div>

  <input type="submit" value="Sign In">
</form>

ユーザーがユーザー名とパスワードにデータ（ダミーデータ）を入力して送信をクリックすると、「ログインしました」というJavaScriptアラートが表示され、入力の1つに何も含まれていない場合は、それが必要です「エラー」という JavaScript アラートを表示したいと考えています。

私はjQueryを使いたいのですが、これは私がこれまでに持っているものです:

$('.signup').submit(function () {
  if($(this).valid()) {
    alert('Logged in');
  }else {
    alert('Error!');
  }
});

それが機能しない理由はありますか？

4

2 に答える 2

2

jQuery 検証プラグインを使用しようとしているようです。valid()jQueryに含まれている関数ではないため、ページにもそれを含めていることを確認してください。

于 2013-03-26T20:45:20.130 に答える
0

以下は、最新の質問に対して機能するはずです。

$('.signup').submit(function () {
    if( $('input[type="text"]').val()!='' && $('input[type="password"]').val()!='' ) {
        alert('Logged in');
    }
    else {
        alert('Error!');
    }
});
于 2013-03-26T22:32:10.190 に答える