小编Spa*_*rky的帖子

连字符后没有换行符

我希望在-与所有浏览器兼容的个案基础上阻止连字符后的换行符.

例:

我有这个文本: 3-3/8"在HTML中是这样的: 3-3/8”

问题是,在一行的末尾附近,由于连字符,它会断开并包裹到下一行而不是像完整的单词一样对待它...

3-
3/8"
Run Code Online (Sandbox Code Playgroud)

我试过插入"零宽度不中断字符",没有运气......

3-3/8”
Run Code Online (Sandbox Code Playgroud)

我在Safari中看到了这一点,并认为它在所有浏览器中都是一样的.

以下是我doctype和字符编码......

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
Run Code Online (Sandbox Code Playgroud)

在连字符后我有什么方法可以防止这些断线?我不需要任何适用于整个页面的解决方案...只是我可以根据需要插入的内容,如"零宽度无中断字符",除了一个有效.

这是一个演示.只需将框架缩小,直到连字符处的线条断开.

http://jsfiddle.net/RagKH/

html css line-breaks character-encoding hyphenation

326
推荐指数
5
解决办法
16万
查看次数

jQuery验证:如何为正则表达式验证添加规则?

我正在使用jQuery验证插件.好东西!我想迁移现有的ASP.NET解决方案以使用jQuery而不是ASP.NET验证器.我错过了正则表达式验证器的替代品.我希望能够做到这样的事情:

$("Textbox").rules("add", { regularExpression: "^[a-zA-Z'.\s]{1,40}$" })
Run Code Online (Sandbox Code Playgroud)

如何添加自定义规则来实现此目的?

regex jquery jquery-validate

234
推荐指数
9
解决办法
31万
查看次数

jQuery找到父表单

我有这个HTML

<ul>
    <li><form action="#" name="formName"></li>
    <li><input type="text" name="someName" /></li>
    <li><input type="text" name="someOtherName" /></li>
    <li><input type="submit" name="submitButton" value="send"></li>
    <li></form></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我如何选择其中的表格input[name="submitButton"]?(当我点击提交按钮时,我想选择表单并在其中添加一些字段)

jquery traversal

212
推荐指数
3
解决办法
16万
查看次数

jQuery Validation插件:禁用指定提交按钮的验证

我有一个包含多个字段的表单,我正在使用JörnZaeffere的优秀jQuery Validation插件验证(其中一些字段添加了用于自定义验证的方法).如何规避使用指定的提交控件进行验证(换句话说,使用一些提交输入进行激活验证,但不要与其他人一起激活验证)?这与使用标准ASP.NET验证器控件的ValidationGroup类似.

我的情况:

它与ASP.NET WebForms有关,但如果您愿意,可以忽略它.但是,我更多地使用验证作为"推荐":换句话说,当提交表单时,验证会触发,而不是显示"必需"消息,"推荐"会显示"你推荐"的内容错过了以下领域....你还想继续吗?" 在错误容器中的那一点,现​​在可以看到另一个提交按钮,可以按下该按钮,忽略验证并提交.如何规避此按钮控件的表单.validate()并仍然发布?

http://jquery.bassistance.de/validate/demo/multipart/上购买和出售房屋样本允许这样做以便点击之前的链接,但它通过创建自定义方法并将其添加到验证器来实现.我宁愿不必创建自定义方法复制验证插件中已有的功能.

以下是我现在所获得的立即适用脚本的缩短版本:

var container = $("#<%= Form.ClientID %> div.validationSuggestion");

$('#<%= Form.ClientID %>').validate({          
    errorContainer: container,
    errorLabelContainer: $("ul",container),
    rules: {
        <%= YesNo.UniqueID %>: { required: true },
        <%= ShortText.UniqueID %>: { required: true } // etc.

    },
    messages: {
        <%= YesNo.UniqueID %>: 'A message.',
        <%= ShortText.UniqueID %>: 'Another message.' // etc.
    },
    highlight: function(element, errorClass) {
        $(element).addClass(errorClass);
        $(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
        $(element.form).find("label[for=" + element.id + "]").removeClass("valid");
    },
    unhighlight: function(element, errorClass) {
        $(element).removeClass(errorClass);
        $(element.form).find("label[for=" …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-validate

164
推荐指数
5
解决办法
16万
查看次数

使用jQuery Validation插件的Bootstrap

我正在尝试使用jQuery Validation Plugin为我的表单添加验证,但是我遇到了一个问题,当我使用输入组时插件会输出错误消息.

问题

$('form').validate({
    rules: {
        firstname: {
            minlength: 3,
            maxlength: 15,
            required: true
        },
        lastname: {
            minlength: 3,
            maxlength: 15,
            required: true
        }
    },
    highlight: function(element) {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: function(element) {
        $(element).closest('.form-group').removeClass('has-error');
    }
});
Run Code Online (Sandbox Code Playgroud)

我的代码: http ://jsfiddle.net/hTPY7/4/

jquery-validate twitter-bootstrap twitter-bootstrap-3

151
推荐指数
6
解决办法
19万
查看次数

ASP.NET MVC - Bundle Config命令

我正在尝试在我的ASP.NET MVC 5应用程序中使用特定的语言环境(es-CL).我有以下几点:

  1. 将web.config uiculture和culture更改为"es-CL"
  2. 安装了GlobalizejQuery.Validation.Globalize
  3. 更改了我的视图中的默认语言: <html lang="es-cl">
  4. 创建了一个新的Bundle并包含在相应的视图中.

BundleConfig.cs中:

bundles.Add(new ScriptBundle("~/bundles/jqueryval")
    .Include("~/Scripts/jquery.validate.js")
    .Include("~/Scripts/jquery.validate.unobtrusive.js"));

bundles.Add(new ScriptBundle("~/bundles/globalization")
    .Include("~/Scripts/globalize/globalize.js")
    .Include("~/Scripts/globalize/cultures/globalize.culture.es-CL.js")
    .Include("~/Scripts/jquery.validate.globalize.js"));
Run Code Online (Sandbox Code Playgroud)

在适当的观点:

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/globalization")
}
Run Code Online (Sandbox Code Playgroud)

但是,生成的源代码如下:

<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

<script src="/Scripts/jquery.validate.globalize.js"></script>
<script src="/Scripts/globalize/globalize.js"></script>
<script src="/Scripts/globalize/cultures/globalize.culture.es-CL.js"></script>
Run Code Online (Sandbox Code Playgroud)

请注意,jquery.validate.globalize.js脚本被加载之前globalize.js,这不是我想要的.

为什么会这样?是否可以在单个包中依赖包含顺序,或者我是否被迫将此单个脚本放在不同的包中并在我的视图中指定它?

javascript asp.net asp.net-mvc

78
推荐指数
3
解决办法
4万
查看次数

jQuery缓动函数而不使用插件

我正在寻找一个可以与jQuery一起使用的自定义缓动函数的在线列表.

我对使用插件不感兴趣,也不使用jQuery UI.

我发现下面有一个很好的小反弹,但我正在寻找其他几个,所以我可以有一些选择.

代替其他功能,简要解释这个功能如何运作和可能被修改将是非常棒的.谢谢!

例:

$.easing.custom = function (x, t, b, c, d) {
    var s = 1.70158; 
    if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
    return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
}
Run Code Online (Sandbox Code Playgroud)

编辑#1:

这是所有jQuery UI缓动函数的在线演示.来自UI的源函数由Jake在下面的正确答案中发布.

http://api.jqueryui.com/easings/


编辑#2:

事实证明,我上面发布的示例缓动函数与jQuery UI中的"easeInOutBack"完全相同.


编辑#3:

这里有一些免费下载的独立缓和方程式......

http://www.robertpenner.com/easing/

jquery easing-functions jquery-easing

76
推荐指数
3
解决办法
6万
查看次数

使用他们的API创建一个基本的MailChimp注册表单

我是MailChimp的新手,需要一些帮助.

使用他们的基本简报注册表单...您只需将一些预先打包的HTML嵌入到您的页面中.但问题是单击提交重定向到MailChimp页面.(我不想重定向到MailChimp,我希望用户在点击提交后留在自己的网站上.)

它们提供了API和大量文档,但只提供了零有用的示例.该API应该允许我与我的网站或应用程序完全集成.似乎当我在他们的文档中阅读适用于我的内容时,我点击该链接以获取更多信息,我最终绕圈子走了.他们告诉你如何做,但他们没有"告诉你"如何做到这一点.

我可以获得一个API密钥,他们有大量的文档,以及一大堆包装和插件...... PHP,Drupal,Wordpress等...

关于他们的预打包解决方案的混乱是我只有一个常规的静态HTML页面,它不是Wordpress,PHP或Drupal ...所以我只是不知道从哪里开始...我甚至都不知道如果我应该使用POSTGET.

我不是API的新手......我非常擅长让Google Maps API做我想做的事情.但是,除了详细的文档之外,Google还提供了真实的工作示例,这就是我学习它的方式.在我掌握API的细节之前,我只想看到它的实际应用.

在他们的在线文档中没有任何可靠的示例或教程,我问如何使用他们的API创建最基本的HTML注册表单.

html ajax mailchimp mailchimp-api-v3.0

73
推荐指数
3
解决办法
8万
查看次数

jQueryUI模式对话框不显示关闭按钮(x)

我在ASP .NET MVC 3应用程序中使用了jQuery模式对话框.它工作正常,除了右上角没有关闭按钮.我该如何添加?

$("#dialog-modal").dialog({
            modal: true,
            autoOpen: false,
            buttons: {
                Ok: function () {
                    $(this).dialog("close");
                }
            }
        });
Run Code Online (Sandbox Code Playgroud)

jquery dialog jquery-ui asp.net-mvc-3

67
推荐指数
8
解决办法
10万
查看次数

使用jQuery 1.9的MVC 4项目中的jquery.validate.js出错

我使用Visual Studio 2012中的模板创建了一个新的ASP.Net MVC 4项目.升级到jQuery 1.9后,登录功能中断.具体来说,我得到了错误

0x800a138f - JavaScript运行时错误:无法获取未定义或空引用的属性"调用"

在第1172行,jquery.validate.js中的第5列

我该如何解决这个问题?

jquery jquery-validate unobtrusive-validation

62
推荐指数
4
解决办法
7万
查看次数