2012-03-12 20 views
0

私は、テキストフィールドを含む単純なフォームを作成しています。Jquery:検証が正常に完了しましたか?

これらのテキストフィールドは、Ajaxを使用して変更イベントに保存されます。

私の質問は、変更イベントの前にこれらのフィールドを検証(jquery)したいですか?

お願いします。おかげで....... :)

答えて

0

またはあなたの送信ボタンの上で検証を行い 検証機能を使用しています。

<input type="submit" value= "submit it" onclick= "javascript:return formvalidator()"> 

は常にテキストボックスが空またはその自然の何かこの検証で

function formvalidator(){ 
var test = true; 

if($trim.$("#myTextField").val()) == " "){ 
alert('Empty!!'); 
test = false; 
} 

return test; 
} 
+0

私は送信ボタンを持っていません。 ajax呼び出しを使用してテキストフィールドの変更イベントにフィールドを保存します。 –

+0

あなたの変更イベントの中に私のformvalidatorの内容を入れてください – Har

1
$('input').change(function(){ 
    vat retrn = validatethisfield(); 
if(retrn == false) 
{ 
//show msg; 
return false; 
} 

}) 

このフィールド機能でない限り trueを返し、あなたの検証を行うと、無効なデータの場合はfalseを返します。.. 。

0

これを行う方法はたくさんあります。プラグインはすぐに利用できます。まず、リンクを覚えるのはとても簡単なコードを書くことができます。

link

0

jQuery.ajaxがbeforeSendがあります参照することができます

それはフォーム検証のほぼすべての側面をカバーして....これ一つです。この関数で検証を行うことができます。引用jQueryのdocumentation

$.ajax({ 
    url: '/some/path', 
    beforeSend: function(xhr) { 
    // do your validations here 
    }, 
    success: function(data) { 
    // handle success 
    } 
}); 

beforeSend(jqXHR、設定) - (、jQueryの1.4.xのでXMLHTTPRequestをする)jqXHRを変更するために使用することができ、プリ要求コールバック関数 オブジェクトは送信されます。これを使用してカスタムヘッダーなどを設定します。 jqXHRと設定マップが引数として渡されます。これはAjax イベントです。 beforeSend関数でfalseを返すと、 リクエストがキャンセルされます。 jQuery 1.5以降、beforeSendオプションは、リクエストのタイプに関係なく、 と呼ばれます。

関連する問題