Finding all asp.net elements with specific suffix using jquery
Is it possible to find all asp.net elements with a suffix _val, if so what is the syntax? (I must use the .ClientID and cant use Static Client ID)
I know we can typically use
$('div[id$="_val"]')
And I know how to select individual elements
$(document).ready(function ()
var myDomElement = document.getElementById("panel_validate_field")
$(myDomElement).find("#<%=txt_Surname_val.ClientID%>").change(function()
// do my validation check
);
);
However the former does not work with the asp.net controls, I assume this has something to do with the unique client id. Is there any way I can combine these two methods ? I would like to avoid having to iterate through all my panels elements as not all of them require the validation re-correction.
jquery asp.net
asked Nov 14 '18 at 9:51
RyanN1220RyanN1220
788
add a comment |
Is it possible to find all asp.net elements with a suffix _val, if so what is the syntax? (I must use the .ClientID and cant use Static Client ID)
I know we can typically use
$('div[id$="_val"]')
And I know how to select individual elements
$(document).ready(function ()
var myDomElement = document.getElementById("panel_validate_field")
$(myDomElement).find("#<%=txt_Surname_val.ClientID%>").change(function()
// do my validation check
);
);
However the former does not work with the asp.net controls, I assume this has something to do with the unique client id. Is there any way I can combine these two methods ? I would like to avoid having to iterate through all my panels elements as not all of them require the validation re-correction.
jquery asp.net
asked Nov 14 '18 at 9:51
RyanN1220RyanN1220
788
if you want to target multiple elements, why not just use a class?
– Pete
Nov 14 '18 at 10:03
why not just give all fields you want to target the same class (as well as the others that style it) - you aren't limited to using just one class per element. Also, classes don't necessarily have to apply a style - they can be used just so that js can target them (which can improve performance as they are more efficient than attribute selectors)
– Pete
Nov 14 '18 at 10:06
I'm not even sure how to select via class when there are multiple classes.
– RyanN1220
Nov 14 '18 at 10:10
same way you do when there is one class - jsfiddle.net/amvc5h0z
– Pete
Nov 14 '18 at 10:12
doesn't seem to work I'm using$(myDomElement).find(".val").on('change keyup paste',function()but its not finding anything, as I assume its not finding the unique client id ? I can't use client mode static.
– RyanN1220
Nov 14 '18 at 10:15
add a comment |
Is it possible to find all asp.net elements with a suffix _val, if so what is the syntax? (I must use the .ClientID and cant use Static Client ID)
I know we can typically use
$('div[id$="_val"]')
And I know how to select individual elements
$(document).ready(function ()
var myDomElement = document.getElementById("panel_validate_field")
$(myDomElement).find("#<%=txt_Surname_val.ClientID%>").change(function()
// do my validation check
);
);
However the former does not work with the asp.net controls, I assume this has something to do with the unique client id. Is there any way I can combine these two methods ? I would like to avoid having to iterate through all my panels elements as not all of them require the validation re-correction.
jquery asp.net
asked Nov 14 '18 at 9:51
RyanN1220RyanN1220
788
Is it possible to find all asp.net elements with a suffix _val, if so what is the syntax? (I must use the .ClientID and cant use Static Client ID)
I know we can typically use
$('div[id$="_val"]')
And I know how to select individual elements
$(document).ready(function ()
var myDomElement = document.getElementById("panel_validate_field")
$(myDomElement).find("#<%=txt_Surname_val.ClientID%>").change(function()
// do my validation check
);
);
However the former does not work with the asp.net controls, I assume this has something to do with the unique client id. Is there any way I can combine these two methods ? I would like to avoid having to iterate through all my panels elements as not all of them require the validation re-correction.
jquery asp.net
jquery asp.net
asked Nov 14 '18 at 9:51
RyanN1220RyanN1220
788
asked Nov 14 '18 at 9:51
RyanN1220RyanN1220
788
edited Nov 14 '18 at 10:18
RyanN1220
asked Nov 14 '18 at 9:51
RyanN1220RyanN1220
788
asked Nov 14 '18 at 9:51
RyanN1220RyanN1220
788
asked Nov 14 '18 at 9:51
RyanN1220RyanN1220
788
788
if you want to target multiple elements, why not just use a class?
– Pete
Nov 14 '18 at 10:03
why not just give all fields you want to target the same class (as well as the others that style it) - you aren't limited to using just one class per element. Also, classes don't necessarily have to apply a style - they can be used just so that js can target them (which can improve performance as they are more efficient than attribute selectors)
– Pete
Nov 14 '18 at 10:06
I'm not even sure how to select via class when there are multiple classes.
– RyanN1220
Nov 14 '18 at 10:10
same way you do when there is one class - jsfiddle.net/amvc5h0z
– Pete
Nov 14 '18 at 10:12
doesn't seem to work I'm using$(myDomElement).find(".val").on('change keyup paste',function()but its not finding anything, as I assume its not finding the unique client id ? I can't use client mode static.
– RyanN1220
Nov 14 '18 at 10:15
add a comment |
if you want to target multiple elements, why not just use a class?
– Pete
Nov 14 '18 at 10:03
why not just give all fields you want to target the same class (as well as the others that style it) - you aren't limited to using just one class per element. Also, classes don't necessarily have to apply a style - they can be used just so that js can target them (which can improve performance as they are more efficient than attribute selectors)
– Pete
Nov 14 '18 at 10:06
I'm not even sure how to select via class when there are multiple classes.
– RyanN1220
Nov 14 '18 at 10:10
same way you do when there is one class - jsfiddle.net/amvc5h0z
– Pete
Nov 14 '18 at 10:12
doesn't seem to work I'm using$(myDomElement).find(".val").on('change keyup paste',function()but its not finding anything, as I assume its not finding the unique client id ? I can't use client mode static.
– RyanN1220
Nov 14 '18 at 10:15
if you want to target multiple elements, why not just use a class?
– Pete
Nov 14 '18 at 10:03
if you want to target multiple elements, why not just use a class?
– Pete
Nov 14 '18 at 10:03
why not just give all fields you want to target the same class (as well as the others that style it) - you aren't limited to using just one class per element. Also, classes don't necessarily have to apply a style - they can be used just so that js can target them (which can improve performance as they are more efficient than attribute selectors)
– Pete
Nov 14 '18 at 10:06
why not just give all fields you want to target the same class (as well as the others that style it) - you aren't limited to using just one class per element. Also, classes don't necessarily have to apply a style - they can be used just so that js can target them (which can improve performance as they are more efficient than attribute selectors)
– Pete
Nov 14 '18 at 10:06
I'm not even sure how to select via class when there are multiple classes.
– RyanN1220
Nov 14 '18 at 10:10
I'm not even sure how to select via class when there are multiple classes.
– RyanN1220
Nov 14 '18 at 10:10
same way you do when there is one class - jsfiddle.net/amvc5h0z
– Pete
Nov 14 '18 at 10:12
same way you do when there is one class - jsfiddle.net/amvc5h0z
– Pete
Nov 14 '18 at 10:12
doesn't seem to work I'm using
$(myDomElement).find(".val").on('change keyup paste',function() but its not finding anything, as I assume its not finding the unique client id ? I can't use client mode static.– RyanN1220
Nov 14 '18 at 10:15
doesn't seem to work I'm using
$(myDomElement).find(".val").on('change keyup paste',function() but its not finding anything, as I assume its not finding the unique client id ? I can't use client mode static.– RyanN1220
Nov 14 '18 at 10:15
add a comment |
1 Answer
1
active
oldest
votes
Ok silly blunder of mine, the correct form is simply (overcomplicating in my head)
$(myDomElement).find('[id$=_val]')
answered Nov 14 '18 at 10:32
RyanN1220RyanN1220
788
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53297278%2ffinding-all-asp-net-elements-with-specific-suffix-using-jquery%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Ok silly blunder of mine, the correct form is simply (overcomplicating in my head)
$(myDomElement).find('[id$=_val]')
answered Nov 14 '18 at 10:32
RyanN1220RyanN1220
788
add a comment |
Ok silly blunder of mine, the correct form is simply (overcomplicating in my head)
$(myDomElement).find('[id$=_val]')
answered Nov 14 '18 at 10:32
RyanN1220RyanN1220
788
add a comment |
Ok silly blunder of mine, the correct form is simply (overcomplicating in my head)
$(myDomElement).find('[id$=_val]')
answered Nov 14 '18 at 10:32
RyanN1220RyanN1220
788
Ok silly blunder of mine, the correct form is simply (overcomplicating in my head)
$(myDomElement).find('[id$=_val]')
answered Nov 14 '18 at 10:32
RyanN1220RyanN1220
788
answered Nov 14 '18 at 10:32
RyanN1220RyanN1220
788
answered Nov 14 '18 at 10:32
RyanN1220RyanN1220
788
answered Nov 14 '18 at 10:32
RyanN1220RyanN1220
788
788
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53297278%2ffinding-all-asp-net-elements-with-specific-suffix-using-jquery%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
if you want to target multiple elements, why not just use a class?
– Pete
Nov 14 '18 at 10:03
why not just give all fields you want to target the same class (as well as the others that style it) - you aren't limited to using just one class per element. Also, classes don't necessarily have to apply a style - they can be used just so that js can target them (which can improve performance as they are more efficient than attribute selectors)
– Pete
Nov 14 '18 at 10:06
I'm not even sure how to select via class when there are multiple classes.
– RyanN1220
Nov 14 '18 at 10:10
same way you do when there is one class - jsfiddle.net/amvc5h0z
– Pete
Nov 14 '18 at 10:12
doesn't seem to work I'm using
$(myDomElement).find(".val").on('change keyup paste',function()but its not finding anything, as I assume its not finding the unique client id ? I can't use client mode static.– RyanN1220
Nov 14 '18 at 10:15