jQuery.validate.jsとasp.netのマスターページ

Question

私はさまざまなファイルでのjQueryを持っており、最近私は、マスターページのアイテムを変更する必要がありました。これにより、さまざまなjaavscriptインクルードが機能しなくなりました。 Get by IDセレクタに関する問題を解決するには、suggesting great ideasです。

$("#ctl00_ContentMainPane_eliteUser").html 

外部 JSファイルに私たちはフォームコントロールを検証するためにjquery.validate.jsを使用していた問題を抱えているので、このようなコードがあるしかし

$(document).ready(function(){ 
    $("#aspnetForm").validate({ 
     rules: 
    { 
     ctl00$ContentMainPane$txtFirstName: 
     { 
      required:true, 
      CheckAlfaNumeric:true 
     }, 
     ctl00$ContentMainPane$ctl00$ucRFI$txtComments: 
     { 
      required:true 
     }      

    }, 
    messages: 
    { 
     ctl00$ContentMainPane$txtFirstName: 
     { 
      required:" Please enter first name" 
     }, 
     ctl00$ContentMainPane$ctl00$ucRFI$txtComments: 
     { 
      required:" Please enter comments." 
     } 
    } 
    }); 
    $("#" + GetPlaceholder() + "txtFirstName").blur(function(){ 
      $("#" + GetPlaceholder() + "txtFirstName").valid(); 
    }); 
    jQuery.validator.addMethod("CheckAlfaNumeric", function(value, element) { 
      return this.optional(element) || /^[A-Za-z\ ]+$/i.test(value); 
    }, " Please enter alphabet."); 
}); 

防ぐために、どのように任意のアイデアマスターページが修正されたために名前が変更された場合、属性の名前付けの問題？あなたが構築されるべきかのIDの厳密に指定することができます.NET 4.0のための

Answer 1

待ち、;）マジ

：あなたは私の知る限り（JSオブジェクトは "以外の何ものでもないようなことをやって、手動でルールを作成することができますプロパティの配列」）：

var myRules = new Object(); 
myRules[GetPlaceholder() + "txtFirstName"] = { required:true, CheckAlfaNumeric:true }; 

var myMessages = new Object(); 
myMessages[GetPlaceholder() + "txtFirstName"] = { required:"Please enter first name" }; 

$("#aspnetForm").validate({ rules: myRules, messages: myMessages }); 

Answer 2

あなたはjQueryのでは部分一致のために http://weblogs.asp.net/psperanza/archive/2009/05/07/jquery-selectors-selecting-elements-by-a-partial-id.aspxを見てきました。私が見ることができる
唯一の他のオプションは、ページへのjsファイルの内容を追加して、何か<% = txtFirstName.ClientID％>

Answer 3

私の答えはveggerbyの私の変形例であるを使用することです。私のものではなく、彼の反応をアップしてください。彼はその日を救った。

私は若干の注意点を追加するためにここに私の応答を入れています。 （私はUsing 'attr（ "name"）をやっています）。 ドロップダウンリストでそれを行う方法を示します。見ていない

は私のコンテンツページは「ddlState」と「ddlFavoriteColor」と呼ばれるのasp.netドロップダウンリストを持っていることです。私はダミーの " - 選択 - "値をドロップダウンリスト項目の最上部に置くので、selectedIndexがゼロより大きいところが必要です。

注、このプロジェクトは3.5と "スタック" です。 ：<私はむしろクールな4.0の機能で何かをしたでしょう。

はい、私の「チェック」コードは小さくてもかまいませんが、Webサンプルでは何が起こっているのかを簡潔に説明するのが好きです。

function GetStateDropDownName() { 
    var cntlName = $("[id$=_ddlState]").attr("name"); 
    return cntlName; 
} 

function GetFavoriteColorDropDownName() { 
    var cntlName = $("[id$=_ddlFavoriteColor]").attr("name"); 
    return cntlName; 
} 

$(document).ready(function() { 

    jQuery.validator.addMethod("dropdownBoxHasItemSelected", function (value, select, arg) { 
     var returnValue = false; 
     var selectedIndex = $(select).prop("selectedIndex"); 
     if (selectedIndex != 0) { 
      returnValue = true; 
     } 
     return returnValue; 
    }, "Please select a item."); 


    var myRules = new Object(); 
    myRules[GetStateDropDownName()] = { dropdownBoxHasItemSelected: true }; 
    myRules[GetFavoriteColorDropDownName()] = { dropdownBoxHasItemSelected: true }; 

    var myMessages = new Object(); 
    myMessages[GetStateDropDownName()] = { dropdownBoxHasItemSelected: "Please select a State." }; 
    myMessages[GetFavoriteColorDropDownName()] = { dropdownBoxHasItemSelected: "Please select a Favorite Color." }; 


    // Initialize validation on the entire ASP.NET form. 
    $("#aspnetForm").validate({ 
     rules: myRules, messages: myMessages 
    });