JSFiddle

  • Using type number for a currency input #1228 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    webshims.setOptions('forms-ext', {
        replaceUI: 'auto',
        types: 'number'
    });
    webshims.polyfill('forms forms-ext');
  • combine type range input with a number input #44 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    webshim.setOptions('forms-ext', {
        replaceUI: 'auto',
        types: 'range',
        widgets: {
            number: {
                calculateWidth: false
            }
        }
    });
    webshim.polyfill('forms forms-ext');
    
    $(function(){
        $('.number-range-combi').combineNumberRange();
    });
    
    //simple jQuery ...
  • add stepup stepdown buttons to input type="range" #52 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    webshims.setOptions('forms-ext', {
        replaceUI: 'auto',
        types: 'range number'
    });
    webshims.polyfill('forms forms-ext');
    
    $(function () {
        $('.range-stepper').numericStepButtons();
    });
    
    //simple jQuery plugin
    $.fn.numericStepButtons ...
  • Dealing with RGBA values

    jQuery 1.11.0, HTML, CSS, JavaScript

            webshims.setOptions('forms-ext', {
                replaceUI: 'auto',
                types: 'color range number'
            });
            webshims.polyfill('forms forms-ext');
  • configure the controlbar of a mediaelement #30 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    webshims.setOptions('mediaelement', {
        replaceUI: 'auto',
        jme: {
            //barTemplate default in 1.14.4: '<div class="play-pause-container">{{play-pause}}</div><div class="playlist-container"><div class="playlist-box"><div class="playlist-button-container">{{playlist-prev}}</div><div class="playlist-button-container">{{playlist-next}}</div></div></div><div class="currenttime-container">{{currenttime-display}}</div><div class="progress-container">{{time-slider}}</div><div class="duration-container">{{duration-display}}</div><div class="mute-container">{{mute-unmute}}</div><div class="volume-container">{{volume-slider ...</div>
  • getting errorMessage: controlling validationmessages through data-errormessage

    jQuery 1.11.0, HTML, CSS, JavaScript

    webshim.setOptions('forms', {
        //show custom styleable validation bubble
        replaceValidationUI: true,
        customMessages: true
    });
    
    //start polyfilling
    webshim.polyfill('forms');
    
    //render messages
    $(function ...
  • using valuevalidation event to add custom constraints #91 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    webshim.setOptions('forms', {
        lazyCustomMessages: true,
        addValidators: true
    });
    
    webshim.setOptions('forms-ext', {
        replaceUI: 'auto',
        types: 'date'
    });
    
    //start polyfilling
    webshim.polyfill('forms forms-ext ...
  • Dynamic rows with webshim and a template #37 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    (function () {
        webshims.setOptions('forms', {
            lazyCustomMessages: true,
            iVal: {
                handleBubble: 'hide', // hide error bubble
    
                //add bootstrap specific classes
                errorMessageClass: 'help-block',
                successWrapperClass: 'has-success ...
  • Dynamic rows and clone with webshim #29 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    (function () {
        webshims.setOptions('forms', {
            lazyCustomMessages: true,
            iVal: {
                handleBubble: 'hide', // hide error bubble
    
                //add bootstrap specific classes
                errorMessageClass: 'help-block',
                successWrapperClass: 'has-success ...
  • predefined validation constraints #121 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    webshim.setOptions('forms', {
        lazyCustomMessages: true,
        addValidators: true
    });
    
    //start polyfilling
    webshim.polyfill('forms forms-ext');
    
    //wait until form-validators are implemented 
    webshim.ready ...