2

2つのテキストボックスt1t2t1との値t2が同じである場合、jqueryでアラートメッセージを表示する方法を知りたいです。ユーザーが値を変更しない場合は、フォームが送信されないようにします。

4

5 に答える 5

1

このようなものを試してください

$('form').submit(function(evt) {
   if ($('#textbox1').val() === $('#textbox2').val()) {
     alert('values match');
     evt.preventDefault();
   }
}

.submit()メソッドを使用しsubmitてフォームのイベントにバインドし、テキストボックスの2つの値を比較します。同じ場合はアラートを表示し、event.preventDefault()を使用してデフォルトのアクション(フォームの送信)を防止します。

ここでの実例

于 2012-06-11T12:29:24.953 に答える
1

$("form").submit(function() {
  var _txt1 = $('#txt1').val();
  var _txt2 = $('#txt2').val();
  
  if (_txt1 == _txt2)
  {
     alert('Matching!');
     return true;
  }
  else
  {
    alert('Not matching!');
    return false;
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#" method="post" name="form_name" id="form_id">
  <input type="text" id="txt1" name="txt1" />
  <input type="text" id="txt2" name="txt2"/>
  <input type="submit" value="Submit">
</form>

例のリンク

于 2016-02-29T11:58:29.387 に答える
1

jQuery

$(document).ready(function() {
    var _t1 = $("#t1");
    var _t2 = $("#t2");
    $(_t2).focusout(function() {
    if(_t1.val() === _t2.val()){
        return alert('Match');
    }
    return alert('No match');
  });
});

HTML

<input id="t1">
<input id="t2">

フィドル https://jsfiddle.net/ptda108k/1

于 2017-01-05T04:52:34.107 に答える
-1

<script>
function myfunction(){
var val1=document.getElementById('pwd').value;
var val2=document.getElementById('cpwd').value;
if(val1!=val2){
document.getElementById('match').innerHTML="Your password is unmatch";
return false;
}
return true;
}
</script>

于 2019-12-17T21:12:41.213 に答える