1 
<form _ngcontent-c10="" action="" id="sign-in" method="post" novalidate="" data-context="sign-in" class="ng-invalid">

 <div _ngcontent-c10="" class="row">
 <label _ngcontent-c10="" for="username">Username</label>
 <input _ngcontent-c10="" id="username" name="username" required="" type="text" value="" class="ng-untouched">
 <div _ngcontent-c10="" class="error" data-sign-in-error="username error">
              **field balnk**
 </div>
</div>

<div _ngcontent-c10="" class="row">
 <label _ngcontent-c10="" for="password">Password</label>
 <input _ngcontent-c10="" id="password" minlength="6" name="password" required="" type="password" value="" class="ng-invalid">
 <div _ngcontent-c10="" class="alert-error">
  <div _ngcontent-c10="" data-sign-in-error"="password-error">
             **password insufficient length**
  </div>
 </div>
</div>

Whenever data-sign-in-error is visible I want to print the input id with the corresponding div data attribute value. The output should be username-username error, password-password-error I don't want to use classes as a selector.

Improve this question
4
  • 1
    Show us what you have tried so far yourself Commented Aug 28, 2017 at 5:40
  • Something like this you mean? Commented Aug 28, 2017 at 6:16
  • $('[data-aa-app-sign-in-form-error]').each(function() { var triggerValue = $(this).attr("data-aa-app-sign-in-form-error"); console.log($(this).parent().find(':input').attr('id')+' '+triggerValue); }); output : username username-error undefined password-error Commented Aug 28, 2017 at 16:31
  • undefined should be replaced with password and output should look like password password error Commented Aug 28, 2017 at 16:33
Related questions
1
jQuery “data” attribute doesn't W3C validate
5
Using data-attributes with jquery validate
18
jQuery Validate custom messages
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.