jQWidgets Forums

jQuery UI Widgets › Forums › Editors › Input, Password Input, TextArea, ColorPicker, Rating, TagCloud, Loader › Jqxinput\jqxPasswordInput and Internet Explorer 11

Tagged: , , , , , ,

This topic contains 1 reply, has 2 voices, and was last updated by  Hristo 9 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Jqxinput\jqxPasswordInput and Internet Explorer 11 Posts
  • May 20, 2016 at 9:14 am Jqxinput\jqxPasswordInput and Internet Explorer 11 #84493

    memento
    Participant

    Hi,
    i’m using v.4.1.2 in a MVC 5 application.

    Login page with a Jqxinput for the username and jqxPasswordInput for the password.

    Submitting the form in chrome and firefox it works like a charm but in IE11 on windows 7 the controller receives always null value for username and password.

    Here the code of the page

    

<!DOCTYPE html>
<html  lang = "it">

<head>
    <title>Evo - Login</title>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <meta name="description" content="Evo" />
    <meta name="keywords" content="Evo" />
    <meta name="generator" content="Visual Studio" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
    

    

    <script src="/Evo.Web/Scripts/jquery-2.2.3.min.js" type="text/javascript"></script>
<script src="/Evo.Web/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Evo.Web/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script src="/Evo.Web/Scripts/bootstrap.min.js" type="text/javascript"></script>
<script src="/Evo.Web/Scripts/modernizr-2.8.3.js" type="text/javascript"></script>
<script src="/Evo.Web/Scripts/respond.min.js" type="text/javascript"></script>
<script src="/Evo.Web/Scripts/respond.matchmedia.addListener.min.js" type="text/javascript"></script>
<script src="/Evo.Web/Scripts/Evo.Common.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/globalization/globalize.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/globalization/globalize.culture.it-IT.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqx-all.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxangular.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxbargauge.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxbulletchart.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxbuttongroup.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxbuttons.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxcalendar.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxchart.annotations.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxchart.api.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxchart.core.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxchart.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxchart.rangeselector.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxchart.waterfall.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxcheckbox.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxcolorpicker.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxcombobox.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxcomplexinput.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxcore.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdata.export.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdata.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdatatable.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdate.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdatetimeinput.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdocking.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdockinglayout.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdockpanel.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdragdrop.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdraw.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdropdownbutton.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxdropdownlist.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxeditor.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxexpander.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxfileupload.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxformattedinput.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgauge.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.aggregates.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.columnsreorder.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.columnsresize.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.edit.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.export.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.filter.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.grouping.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.pager.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.selection.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.sort.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxgrid.storage.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxinput.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxkanban.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxknob.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxknockout.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxlayout.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxlistbox.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxlistmenu.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxloader.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxmaskedinput.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxmenu.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxnavbar.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxnavigationbar.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxnotification.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxnumberinput.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxpanel.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxpasswordinput.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxpopover.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxprogressbar.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxradiobutton.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxrangeselector.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxrating.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxresponse.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxresponsivepanel.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxribbon.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxscheduler.api.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxscheduler.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxscrollbar.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxscrollview.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxslider.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxsortable.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxsplitter.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxswitchbutton.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxtabs.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxtagcloud.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxtextarea.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxtoolbar.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxtooltip.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxtouch.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxtree.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxtreegrid.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxtreemap.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxvalidator.js" type="text/javascript"></script>
<script src="/Evo.Web/jqwidgets/jqxwindow.js" type="text/javascript"></script>

    <link href="/Evo.Web/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="/Evo.Web/Content/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
<link href="/Evo.Web/Content/Site.css" rel="stylesheet" type="text/css" />
<link href="/Evo.Web/jqwidgets/styles/jqx.base.css" rel="stylesheet" type="text/css" />
<link href="/Evo.Web/jqwidgets/styles/jqx.bootstrap.css" rel="stylesheet" type="text/css" />

    
    <link rel="shortcut icon" href="http://localhost/evo.web/favicon.ico" />

    <script type="text/javascript">

        $(document).ajaxError(function (event, jqxhr, settings, thrownError) {
            debugger;
            if (jqxhr.status == 401)
                window.location = "/Evo.Web/Login";
            else if (jqxhr.status == 403)
                alert("You have no enough permissions to request this resource.");
        });

        $(document).ready(function () {
            //var theme = getDemoTheme();
            $.jqx.theme = 'bootstrap'
        });
    </script>

</head>

<body>

    

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
                <a class="navbar-brand" href="#">Evo</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">GUEST <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="/Evo.Web/Login">Login</a></li>
                        </ul>
                    </li>
            </ul>
        </div><!--/.nav-collapse -->
    </div>
</nav>

<script type='text/javascript'>

    (function ($)
    {
        $(document).ready(function ()
        {
            $('ul.dropdown-menu [data-toggle=dropdown]').on('click', function (event)
            {
			    event.preventDefault();
			    event.stopPropagation();
			    $(this).parent().siblings().removeClass('open');
			    $(this).parent().toggleClass('open');
		    });
	    });
    })

(jQuery);

</script>
    
    

    <div id="layoutViewMessageNotificationDivId" style="width:100%;"></div>

    <div class="container body-content">
        

<h2>Login</h2>

<div class="row">
    <div class="col-md-12">
        <section id="loginForm">
<form action="/Evo.Web/Login" class="form-horizontal" id="loginForm" method="post" role="form">                <hr />
                <div class="form-group">
                    <label class="col-md-2 control-label" for="Username">Username</label>
                    <div class="col-md-10">
                        

    <input type="text" id='Username' name="Username" style = "text-transform:uppercase" />

<script type="text/javascript">
    $(document).ready(function ()
    {
        $("#Username").jqxInput(
        {
            height: 25,
            width: '30%',
        });

    });
</script>

                        <span class="field-validation-valid text-danger" data-valmsg-for="Username" data-valmsg-replace="true"></span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label" for="Password">Password</label>
                    <div class="col-md-10">
                        

<input type="password" id='Password' name="Password" />

<script type="text/javascript">
    $(document).ready(function ()
    {
        $("#Password").jqxPasswordInput(
        {
            height: 25,
            width: '30%',
        });

    });
</script>

                        <span class="field-validation-valid text-danger" data-valmsg-for="Password" data-valmsg-replace="true"></span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-offset-2 col-md-10">
                        <input id="loginButton" name="loginButton" type="submit" value="Login"></input><script> $(document).ready(function() {
$('#loginButton').jqxButton({ width: '30%', height: 25 });
});</script>

                    </div>
                </div>
</form>        </section>
    </div>

</div>
        <hr />
        <footer>
            <p>&copy; 2016 - Evo 2.0.0.0</p>
        </footer>
    </div>

    

    
    

<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
    {"appName":"Internet Explorer","requestId":"b84d0e1aa6be48a197da2fc2740412d3"}
</script>
<script type="text/javascript" src="http://localhost:1713/e6d3a43239b74a3db6955fb5fd7bb5ee/browserLink" async="async"></script>
<!-- End Browser Link -->

</body>
</html>

    Can anyone help me solving the issue?

    Thanks in advance,
    Claudio

    May 20, 2016 at 11:39 am Jqxinput\jqxPasswordInput and Internet Explorer 11 #84499

    Hristo
    Participant

    Hello memento,

    The shared has some incorrect declarations.
    Please, take a look at this demo:
    http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxpasswordinput/defaultfunctionality.htm?arctic

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.