custom-data-attribute

I have an input that I want to display a custom error message on when the user doesn't fill it out. <input type="text" class="foo" value="" data-prop="foo" data-rules="{ required: true }"></input> How do I add a custom error message to this specific input? Use: data-msg-required="Please enter something here!" Here's a demo HTML code: https://github.com/jzaefferer/jquery-validation/blob/master/demo/custom-messages-data-demo.html JS Fiddle demo: http://jsfiddle.net/leniel/VuPPy/48/ 来源： https://stackoverflow.com/questions/16681406/jquery-validate-custom-messages

I have a folder with a few background images (one.jpg, two.jpg, three.jpg) , and this markup <section class="slide" data-bg="one"></section> <section class="slide" data-bg="two"></section> <section class="slide" data-bg="three"></section> Would it be possible somehow just with CSS to do something like this? .slide{ background-image: url(img/attr(data-bg).jpg); } This code isnt working, of course. oezi This won't be possible with pure css unless you're doing it the "undynamic" way: .slide[data-bg="one"]{ background-image: url('img/one.jpg'); } .slide[data-bg="two"]{ background-image: url('img

Recently I was coding away, and I ran into a weird issue. I was attempting to assign a data attribute to a new element I had created (via jQuery), only to discover it wouldn't actually assign the attribute. See the link below for an example, the code is listed below: http://jsfiddle.net/y95p100c/1/ Any idea why this is happening? I've never stumbled into this... var div = $("<div />") $(div).data("foo", "bar") console.log($(div)[0].outerHTML) // prints <div></div> data doesn't set data-* attributes. It manages a data cache unrelated to data-* attributes. It initializes from data-* attributes