0

このスクリプトhttp://jsfiddle.net/mblase75/xtPhk/1/をフォームを送信するように変更しました。目標は、すべてのフォーム フィールドが検証されるまで送信ボタンを無効にすることです。これは初めてうまくいきますが、私のフォームにはjqueryが送信を処理するアクションがありません。

そのため、フォームを送信した後、送信ボタンが無効になりません。ページを無効にするには、ページを更新する必要があります。

私がやろうとしているのは、すべての投稿の後..ページを更新せずに送信ボタンを無効にすることです。

これは可能ですか？

フォームにアクション ページがある場合は機能します。しかし、私はそれを望んでいません

フォーム送信:

       $(document).ready(function() {
    $("#paForm").submit(sendForm)
    });

   function sendForm() {
      $.post('pa_submit.cfm',$("#paForm").serialize(),function(data,status){
    $("#result").html(data)
});// end of submit 
$( '#paForm' ).each(function(){
      this.reset(); // end of reset 
  });
return false
  }

すべてのフィールドが検証されるまで送信ボタンを無効にする

       $(document).ready(function() {
       $form = $('#paForm'); // cache
       $form.find(':input[type="submit"]').prop('disabled', true); // disable submit btn
      $form.find(':input').change(function() { // monitor all inputs for changes
    var disable = false;
       $form.find(':input').not('[type="submit"]').each(function(i, el) { // test all inputs for values
            if ($.trim(el.value) === '') {
            disable = true; // disable submit if any of them are still blank
           }
        });
         $form.find(':input[type="submit"]').prop('disabled',disable);
      });
    });

jquery 関数を使用して値をデータベースに投稿しています。私のフォームにはアクションがありません。

http://jsfiddle.net/bC6GF/

これが私の問題を示すjsfiddleページです。

4

1 に答える 1

2

送信後にボタンを無効にしないのはなぜですか?

提出機能はすでに用意されています。

function sendForm() {
 $.post('pa_submit.cfm',$("#paForm").serialize(),function(data,status){
  $("#result").html(data)
 });// end of submit 
 $( '#paForm' ).each(function(){
  this.reset(); // end of reset 
 });
 return false;
}

送信ボタンを呼び出して拡張し、無効にします。

function sendForm() {
 $.post('pa_submit.cfm',$("#paForm").serialize(),function(data,status){
  $("#result").html(data)
 });// end of submit 
 $( '#paForm' ).each(function(){
  this.reset(); // end of reset 
 });
 $("#paForm").find(':input[type="submit"]').prop('disabled', true); 
 return false;
}

これにより、送信するたびにボタンが無効になります。

関係ありませんが、調べたいと思うかもしれないのは、jQuery JavaScript Style Guidesで、コードの一部をクリーンアップします。

于 2013-10-25T18:09:59.717 に答える