2012-04-02 2 views
0

私は.prev('label')を使用してラベルから前のテキストを取得していますが、どのようにデータやテキストをラベルから2ステップ戻すことができますか。前のタグテキストを抽出する方法

どのようにこれらのコードからデータを取得できますか。

HTML:

<tr> 
    <td width="25%">Name</td> 
    <td width="75%"><input type="text" name="name" id="name" class="requiredField" /></td> 
</tr> 

Javascriptを:私はここにラベルを使用していないので、

<script type="text/javascript"> 
$(document).ready(function() { 
    $('form#sponsorshipForm').submit(function() { 
     $('form#sponsorshipForm .error').remove(); 
     var hasError = false; 
     $('.requiredField').each(function() { 
      if(jQuery.trim($(this).val()) == '') { 
       var labelText = $(this).prev('label').text(); 
       $(this).parent().append('<span class="error">You forgot to enter your '+labelText+'.</span>'); 
       hasError = true; 
      } else if($(this).hasClass('email')) { 
       var emailReg = /^([\w-\.][email protected]([\w-]+\.)+[\w-]{2,4})?$/; 
       if(!emailReg.test(jQuery.trim($(this).val()))) { 
        var labelText = $(this).prev('label').text(); 
        $(this).parent().append('<span class="error">You entered an invalid '+labelText+'.</span>'); 
        hasError = true; 
       } 
      } 
     }); 
     if(!hasError) { 
      $('form#sponsorshipForm li.buttons button').fadeOut('normal', function() { 
       $(this).parent().append('<img src="/wp-content/themes/td-v3/images/template/loading.gif" alt="Loading&hellip;" height="31" width="31" />'); 
      }); 
      var formInput = $(this).serialize(); 
      $.post($(this).attr('action'),formInput, function(data){ 
       $('form#contactForm').slideUp("fast", function() {     
        $(this).before('<p class="thanks"><strong>Thanks!</strong> Your email was successfully sent. I check my email all the time, so I should be in touch soon.</p>'); 
       }); 
      }); 
     } 

     return false; 

    }); 
}); 
</script> 

は、どのように私は "" を抽出することができます。

はあなたに奇妙な.prevを(やろうとし

+0

現在使用しているJavaScriptも表示してください。 –

+0

コードが追加されました.. – Muzammil

答えて

-1

停止に感謝)と、そのようなテキストを取得します。 <input type="" custom-text="Name" />か....などのカスタム属性はjavascriptの辞書に完全なオブジェクトデータを追加し、そう...

var a = {}; 

a["name"] = { name: "Name" } 

function getData(which) 
{ 
    return a[which]; 
} 
のような追加の詳細情報を取得するために、入力のIDまたは名前によってそれを参照としてだけでテキストを追加

...そのようなもの....しかし、htmlを上下に歩かないでください。

関連する問題