2012-01-13 3 views
0

jQueryの検証を使用して、いくつかの資格を満たさない限り、ユーザーの投稿を保留しようとしています。しかし、必要なオプションは、提出からフォームを維持していないようです...ここでjquery.validationがポストバックを停止しないようにする必要があります。

は一例でjsFiddleです:jsFiddle

私は二重の私のjQueryのコードをチェックし、それが動作していたかのようにそれが思われます。 jsFiddleは有効なコードを示しています。だから私はハングアップが何であるか分かりません。

ありがとうございます。

答えて

2

jQuery.validateは、idsではなく、ルールの名前を使用します。だから、あなたの入力フィールドの名前でIDを置き換えてください。

また、フォームは<form id="temp1">で、<form id="#temp">でない必要があります。

<form id="temp1"> 
    <input type="text" name="HospitalFinNumber"/> Hospital Fin<br/> 
    <input type="text" name="DateOfBirth"/>Date of Birth<br/> 
    <input type="text" name="AdmitDate"/>Admit Date<br/> 
    <input type="text" name="Comment"/>Comment<br/> 
    <input type="submit" value="Save" class="button" id="btClick"/> 
</form> 

とスクリプト:

はここにあなたのfixed codeへのリンクです

$(document).ready(function() { 
    $("#temp1").validate({ 
     rules: { 
      HospitalFinNumber: { 
       required: true, 
       minlength: 6 
      }, 
      DateOfBirth: { 
       required: true 
      }, 
      AdmitDate: { 
       required: true 
      }, 
      Comment: { 
       required: function (element) { 
        return $(element).val().length < 4000; 
       }, 
       maxlength: 4000 
      } 
     }, 
     messages: { 
      HospitalFinNumber: 'Please Enter a Hospital Fin number', 
      DateOfBirth: 'Please enter a valid Date Of Birth', 
      AdmitDate: 'Please select an Admit Date', 
      Comment: 'Why dont you stop attempting to put in more than 4000 characters? Thanks...' 
     } 
    }); 
}); 
+0

おかげで、それはまだ提出しています。少なくともJのフィドルで。 – SoftwareSavant

+0

@DmainEvent、jsfiddleは私にとって素晴らしい作品です:http://jsfiddle.net/5NCQg/5/あなたはどのブラウザを使ってテストしていますか? –

+0

すみません。フォーム要素のIDラベルを変更するのを忘れました。 JSFiddleは動作します。しかし、私のアプリはまだ投稿しています。 – SoftwareSavant

関連する問題