小编noc*_*ist的帖子

jQuery keyup事件滞后于用户输入

我有一个文本框,用户只能输入数字数据.我在文本框的keyup上使用以下函数:

$('#ssn').keyup(function () {
    var val = this.value.replace(/\D/g, '');
    this.value = val;
});
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是当用户键入限制键时滞后,该字符在被空字符串替换之前显示片刻.按住某个键将在框中显示一串字符,直到该键被释放.有没有办法防止这种行为?我尝试了不同的键盘事件,如keydown或keypress,它们似乎没有表现得更好.这是一个问题的小提琴:https://jsfiddle.net/oxpy96g9/

javascript jquery

8
推荐指数
1
解决办法
946
查看次数

ASP.Net转发器控件 - 使用条件语句

我试图在转发器控件内使用if语句并在if上接收InvalidOperationException.

我要做的是只有当前项目的UserType设置为Admin时才在转发器内运行一段代码.

     <asp:Repeater ID="rptSingleValueHeaders" runat="server">
         <ItemTemplate>
             <% if (Eval("UserType").ToString() == "Admin") { %>
                 <div>
                     do stuff here
                 </div>
            <% } else { %>
                 <div>
                     do other stuff
                 </div>
            <% } %>
         </ItemTemplate>
     </asp:Repeater>
Run Code Online (Sandbox Code Playgroud)

我的数据源在aspx.cs上定义,并包含一个名为UserType的属性,其类型为string.如果我需要提供更多详细信息,请与我们联系.谢谢.

asp.net repeater

6
推荐指数
1
解决办法
4210
查看次数

Toastr JS无限期地保持着可见的味道

我正在尝试使用John Papa的Toastr插件显示一个Toast消息.(http://codeseven.github.io/toastr/demo.html)我无法在没有手动将"timeOut"和"extendedTimeOut"值手动设置为荒谬的高度的情况下找到一个选项,让toasts无限期地保持在屏幕上.有谁知道这样做的方法?

toastr.options = {
                "closeButton": true,
                "timeOut": "500000",
                "extendedTimeOut": "100000"
            }
            toastr.error('Error!');
Run Code Online (Sandbox Code Playgroud)

javascript toastr

5
推荐指数
1
解决办法
2595
查看次数

使用HTML5颜色输入操作CSS

我正在尝试使用jQuery和HTML5颜色输入类型让用户设置特定div的文本颜色:

<script>
$('#color').change(function() {
    $('#output').css('color', "$('#color').val()");
});
</script>

<div id="output">
     <h1>Some Text</h1>
</div>
<label for="color">Color</label><input id="color" type="color" value="#ffffff" />   
Run Code Online (Sandbox Code Playgroud)

上面的代码似乎没有做任何事情,但也没有抛出Javascript错误.我的猜测是.change()可能是错误的使用方法,但我也没有成功.有没有人以这种方式成功使用这种输入类型?

css jquery html5 input

2
推荐指数
1
解决办法
5140
查看次数

从 Ajax 调用返回 bool 到 MVC

我对控制器中的 MVC ActionResult 进行了 AJAX 调用,试图返回一个布尔值。

我的 ajax 调用:

function CheckForExistingTaxId() {
    $.ajax({
        url: "/clients/hasDuplicateTaxId",
        type: "GET",
        contentType: "application/json; charset=utf-8",
        datatype: "json",
        data: JSON.stringify({ taxId: taxId }),
    });
}
Run Code Online (Sandbox Code Playgroud)

我的方法:(“clients”是默认路由前缀)

[HttpGet, Route("hasDuplicateTaxId")]
    public ActionResult hasDuplicateTaxId(string taxId)
    {
        //if stuff
            return Json(true, JsonRequestBehavior.AllowGet);
        else
            return Json(false, JsonRequestBehavior.AllowGet);
    }
Run Code Online (Sandbox Code Playgroud)

我想根据ajax调用的结果打开一个模态对话框:

    if (CheckForExistingTaxId())
        DialogOpen();
Run Code Online (Sandbox Code Playgroud)

第一个问题是我收到 404 Not Found for clients/hasDuplicateTaxId。我的路线或我调用它的方式有问题吗?其次,我是否能够以这种方式返回一个布尔值,在打开对话框之前使用 ajax 调用评估函数 CheckForExistingTaxId() ?

javascript ajax asp.net-mvc

2
推荐指数
1
解决办法
3283
查看次数

Bootstrap可折叠面板-从打开的部分开始

我正在将此标记用于Boostrap手风琴/可折叠面板。如何在页面加载时打开所有部分而不是折叠?

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingOne">
            <h4 class="panel-title">
                <a class="collapsed accordion-toggle" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> Header </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
            <div class="panel-body">
                collapsible stuff
            </div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery twitter-bootstrap

2
推荐指数
1
解决办法
3423
查看次数

设置复选框节点列表的选中状态

我有一个复选框的节点列表。如何将它们全部设置为检查?以下 forEach 不起作用the property checked does not exist on type element

let checkboxes = document.querySelectorAll('[id^="chkAddProposalProduct_"]');

checkboxes.forEach(c => { c.checked = true});
Run Code Online (Sandbox Code Playgroud)

HTML

<input type="checkbox" id="chkAddProposalProduct_{{product.productId}}">
Run Code Online (Sandbox Code Playgroud)

javascript typescript

2
推荐指数
1
解决办法
385
查看次数

将 CSS 自定义属性与 Flexbox 结合使用

我想在 Flexbox 中使用 CSS 自定义属性来定义我的flex-basis,它可以是可变的。以下代码无法正常工作。该变量计算得很好,但flex-basis没有应用。flex是否可以像这样在属性中使用自定义属性?

.row-flex {
    --flex-basis: 30%;

    display: flex;
}

.row-flex >:first-child {
     flex-basis: 0 0 var(--flex-basis);
}
Run Code Online (Sandbox Code Playgroud)

css flexbox css-variables

1
推荐指数
1
解决办法
118
查看次数

jQuery - 改进代码并消除重复

我有一系列对各种jQuery方法的调用,我只是想知道是否有办法清理这些代码,将其转换为我将选择器传入的函数,或者其他任何可以使代码更易于管理的函数/维护.我所拥有的是一长串代码行,如下所示,重复次数很多:

...
$('#boxcolor').on('change', function() {
    $('header').css('background-color', $('#boxcolor').val());
});
$('#color').on('change', function(){
    $('header').css('color',$('#color').val());
});
$('#size').keyup(function() {
    $('header').css('font-size', $('#size').val() + 'px');    
});
...
Run Code Online (Sandbox Code Playgroud)

任何建议都会很棒,谢谢.

maintainability jquery jquery-selectors

0
推荐指数
1
解决办法
76
查看次数

C# - 删除String的开头然后用分隔符拆分

我在执行操作时遇到问题,我使用子字符串在字符串上定义自定义分隔符,删除字符串的前5个字符,然后用分隔符分割字符串.

string delimiterString = numbers.Substring(2, 1);
char delimiter = delimiterString[0];
string result[] = numbers.Remove(0, 5);
result = numbers.Split(delimiter);
Run Code Online (Sandbox Code Playgroud)

我得到的错误是在第三行:Cannot implicitly convert type string[] to string.Split方法似乎需要一个char数组,而remove需要一个字符串,我在两者之间转换时遇到问题.任何人都可以伸出援手吗?

c# string split

0
推荐指数
1
解决办法
138
查看次数

角度验证 - 在表单无效时阻止按钮ng-click()

我有一个角形式作为单页面应用程序的一部分."继续"按钮将用户移动到应用程序的下一部分,并进行ng-click.我想防止在单击按钮并且表单无效时发生此ng-click,但我不想禁用"继续"按钮.

示例:用户进入页面并立即单击"继续"按钮而不提供名字.将显示错误消息"您应该提供名字",并且用户仍保留在页面上.

我怎样才能做到这一点?这是代码:

<form name="form" novalidate >

<div ng-show="form.FirstName.$touched && form.FirstName.$error.required" class="errorMessage">
    You must enter a first name
</div>

<div class="form-group">
    <label for="firstName" class="form-label">First Name</label>
    <input id="firstName" class="form-control" name="FirstName" ng-model="vm.user.firstName" required />
</div>

<div class="btn-group">
    <button ng-click="vm.next()">Continue</button>
</div>
</form>
Run Code Online (Sandbox Code Playgroud)

forms validation angularjs

0
推荐指数
1
解决办法
1万
查看次数

找不到模块:错误:无法解析“/usr/src/app/src”中的“@angular/localize/init”

我在从 Angular 8 更新到 9 的过程中添加了 @angular/localize 包。我的 polyfill.ts 具有以下导入内容:

import '@angular/localize/init';

我的应用程序在本地浏览器上编译和旋转正常,但当我运行生产构建时,出现以下错误:

在此输入图像描述

知道这里没有解决什么问题吗?我可以看到模块正确安装在 node_modules/@angular/localize 目录中。

npm angular

0
推荐指数
1
解决办法
9086
查看次数