JQUERY

I have a web application and i want a textbox in which user cannot type any thing expcet numeric(0-9) data.

How can we achieve this using jquery?

thanks

I am using jQuery Dropzone js plugin in one of my projects and I would like to know how can I force it to allow only one file upload at a time.

I know about maxFiles attribute, but what I need is that only one file should be there in Drag and drop area, if i upload another file, last one should be automatically removed.

Here is my current code

I am using jQuery Datepicker inside a page, which works when complete page is loaded in browser, but when I load the same page in bootstrap modal pop-up, jQuery datepicker inside it doesn't work.

Not sure how to solve it, here is my textbox HTML

I want to show confimration box to user, after user clicks on a button.
I am willing to use jquery here.

here is my demo code

I am facing a small issue in my html/jquery code, how would i know, which option group is selected by me when i select any dropdown list value from code:-

As i know and understand that for dynamically created element, we need to write jquery function like

I need to fetch element using "data-id" attribute of HTML, using jquery, here is the element

I am using jQuery Validate to validate my form, it is placing errors in a position which is not appropriate for my forms, I want to change the position of error placement in it, but not to find a solution.

My jQuery code:

$('#content form:first').validate({
            rules: {
                MSRP: {
                    number: true
                },
                SellingPrice: {
                    number: true
                },
                BoxDimensionHeight: {
                    number: true
                },
                BoxDimensionWidth: {
                    number: true
                },
                BoxDimensionDepth: {
                    number: true
                },
                BoxWeight: {
                    number: true
                }
            },
            ignore: ':not(select:hidden, input:visible, textarea:visible)',
           
        });

HTML Code:

<div class="row ">
 <label class="control-label col-md-2 col-sm-12 col-xs-12">
   Name<span class="required">*</span>
 </label>
 <div class="col-md-10 col-xs-12 col-sm-12" style="padding:0">
   <div class="fg-line">
     <input class="form-control" id="Name" name="Name" required="" type="text" />
   </div>
 </div>
</div>

the output of code:

...

I am trying to stick the ads on website while user scroll it, using the code below