标签: html-input

我收到此正则表达式模式的以下控制台警告：

^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9]+\\.[a-zA-Z0-9]+$

Pattern 属性值^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+$对于 RegExp 标志有效u，但对于以下v标志无效：
未捕获的语法错误：无效的正则表达式：/^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+$/v:字符类中的字符无效。

我看不到如何为此警告创建有效的正则表达式模式。请问有人可以解释一下这个错误以及如何解决它吗？

我尝试查看文档，但无法了解如何使其对v标志有效

如何检测用户何时使用html文件输入选择要上载的文件.这样我就可以自动提交表格了.

继续采用我的代码来使用IE ...

我有一个隐藏的div包含一个表单来编辑一些信息.当用户选择要编辑的项目时,将显示此div,并使用该项目的信息填充字段.div(简化术语)看起来像这样:

<div id="editform">
<form action="" method="post" id="qform" name="qform">
    First param: <input name="field1" id="field1"/> <br/>
    Second param: <input name="field2" id="field2"/> <br/>
    ...

    <input type="hidden" name="qid" id="qid" value=""/>

    <img id="submit" src="..." alt="..." title="..." />
</form>

我使用jquery将值设置为字段.我打开编辑div的功能看起来像这样:

function edit_item(item_id) {
    item = get_item(item_id);    //this will return a JS object
    $('#field1').val(item.property1);
    $('#field2').val(item.property2);
    ...
    $('#qid').val(item_id);
    $('#submit').click(function() {
        alert($('#qid').val());
        $('#qform').ajaxSubmit();
    });
}

所有这些在FF,Opera,Webkit和IE 9中运行良好,但在IE7和IE8中,我遇到了一个奇怪的问题.我可以item_id在edit_item函数中看到正确设置,但是一旦该函数完成,隐藏的输入值(qid)就会重置为空字符串.当表单被ajax提交时,警报会将值显示为空字符串,尽管它已正确设置.有趣的是,所有其他领域都很好.它在IE 9中正常工作.

我在这里错过了什么？提前谢谢了.

我有64000个小图像,我想上传到我的网站(使用现有的验证,所以没有FTP等).我为此创建了一个HTML5 [multiple] type = file输入,用于一百或几百个图像.数百不是问题.图像被批处理并发送到服务器.

但是当我选择~16000个图像的文件夹时,文件输入的FileList为空... onchange事件触发,但文件列表为空.浏览器(或文件系统或操作系统？)似乎在选择这么多文件时遇到问题.

我创建了一个非常小的工具来帮助确定最大可能的内容:http://jsfiddle.net/rudiedirkx/Ehhk5/1/show/

$inp.onchange = function(e) {
    var l = 0, b = 0;
    for (var i=0, F=this.files, L=F.length; i<L; i++) {
        l += F[i].name.length;
        b += F[i].size;
    }
    $nf.innerHTML += this.files.length + ' files: ' + (b/1000/1000) + ' MB / ' + l + ' chars of filename<br>';
};

所有这一切都是重要的:

• 文件数量
• 所有文件名组合在一起的字符数
• 总文件大小的MB数

当我尝试这个时,我得到的最多:

1272个文件:176.053987 MB/31469个文件名字符

(在32位和64位Win7上,Chrome 26-52)

下一张图片(失败)将是:

• 1273张图片,这不是一个明显的截止
• 介于176和177 MB之间的文件大小,也不是一个明显的截止
• 少于32000个文件名字符,也不是一个明显的截止,虽然它可能看起来像32k ......

在我的计算中,1 MB = 1000 ^ 2字节,而不是1024 …

我正在使用JSON.stringify()html <input>s通过websocket发送,如下所示:

JSON.stringify({
    numberValue: $('#numberValue').val()
})

但它编码$('#numberValue').val()为String.

如何将其编码为Number？

是否可以为输入占位符和值设置不同的字体？我需要为输入占位符和值设置不同的字体,因为它们使用不同的语言.占位符使用正确的tonleft语言,但vakue使用英语.CSS3有可能吗？

如何设置文本input字段的样式以使其只有border-bottom这样的一个？

预期的文本Input字段

我有一个HTML输入:

<input [(ngModel)]="item.value" name="inputField" type="text" />

我想格式化它的值并使用现有的管道:

.... [(ngModel)]="item.value | currency:'USD':true" .....

此外,我试图以下面的方式使用它,但它第一次给我理想的输出并在更新字段时显示错误:

<input type="text" 
   [ngModel]="item.value | currency:'USD':true" 
   (ngModelChange)="item.value=($event)">

上面的代码导致以下错误.

ERROR错误:InvalidPipeArgument:''对于管道'CurrencyPipe'
在invalidPipeArgumentError(common.es5.js:2610)
处于formatPumber.webpackJsonp
.../../../common /的formatNumber(common.es5.js:3176)LandingPageComponent.webpackJsonp上的@ angular/common.es5.js.CurrencyPipe.transform(common.es5.js:3350)
.../../../../../src/app/guest-handling/landing 在handleEvent的object.eval
[as handleEvent](LandingPageComponent.html:38)的-page/landing-page.component.ts.LandingPageComponent.transformAmount(landing-page.component.ts:54)
(core.es5.js:12014) )
在callWedDebugContext(core.es5.js:13475)
的object.debugHandleEvent [as handleEvent](core.es5.js:13063)
at dispatchEvent(core.es5.js:8607)
at core.es5.js:9218

有一个输入字段，例如：

<input type="text" />

会自动（在 Android 上）将Enter键盘上的选项更改为Next，并且它将跳转到下一个字段。

如何避免这种行为？

就我而言，我使用输入字段将标签添加到 (或Chips)，它在移动设备上可以正常工作，因为会触发适当的事件。

但是当Next按钮显示时，它似乎模拟按下tab键盘，即它进入下一个字段。我需要它来代替submit。

（也找不到此键盘显示行为的任何相关规格，它似乎是一个自由格式的 Android 特定的东西）

我有一个 HTML 页面，其中包含<input id="imageOnly" type="file" accept="image/*" multiple />如果我在移动浏览器（例如 iOS 上的 Safari）上加载此页面并点击按钮，它首先会显示一个弹出窗口，其中包含一些可能的操作，并要求用户选择一个：

但是有没有办法直接进入照片库而不是出现这个弹出窗口？

如果我使用<input type="file" accept="image/*" capture/>，那么它会直接转到相机而不显示弹出窗口，我想知道是否有类似的方法可以直接转到照片库？