HTML输入文本:禁用全大写数字
html input text: disable full uppercase digit
在一个表单中,我有一个简单的输入文本字段,用户在其中插入一个标题。
<input type="text" name="title_input" id="title_input" value="" />
我不希望用户可以插入一个完整的大写数字。
我想让禁用数字,像这样:
想要像这样启用数字:
- Lorem ipsum 16V dolv C4 sit
我已经知道将所有文本转换为小写的方法,但这不是我想要的。
<input type="text" onkeyup="this.value=this.value.toLowerCase();" name="title_input" id="title_input" value="" />
或
<input type="text" pattern="[a-z]+" title="only lowercase" name="title_input" id="title_input" value="" />
如果我输入"LOREM IPSUM 16V DOLOR C4 SIT",我做不是想要将所有字符转换为小写,像这样:
- lorem ipsum 16v dol4 sit
但是我想转换成这样:
- Lorem ipsum 16V dolv C4 sit
我可以做这个验证与html5 javascript或jquery。怎么做呢?
,
谢谢Vasil,这不是我想要的,但如果标题是全大写的,它可以是显示错误消息的一个有用的替代方法。
function validateForm() {
var titleEl = document.getElementById('title_input');
var title = titleEl.value;
var upperLength = 0;
var Ncount = 0;
var CharCount = 0;
for (var i = 0; i < title.length; i++) {
if( isNaN(title[i]) ){
upperLength += (title[i] === title[i].toUpperCase() ? 1 : 0);
}else{ Ncount = Ncount + 1; }
}
CharCount = title.length - Ncount;
if (upperLength === CharCount) {
alert('Invalid title');
return false;
}
return true;
};
那么单词呢,检查大写单词?
错误的标题必须返回错误:
"SELLING iPAD NEW"
"销售雪铁龙C4 NEW"
jsfriddle
<form onsubmit="return validateForm()">
<input type="text" value="" id="title_input" />
<input type="submit" />
</form>
<script>
function validateForm() {
var titleEl = document.getElementById('title_input');
var title = titleEl.value;
var upperLength = 0;
for (var i = 0; i < title.length; i++) {
upperLength += (title[i] === title[i].toUpperCase() ? 1 : 0);
}
if (upperLength === title.length) {
alert('Invalid title');
return false;
}
return true;
};
</script>
相关文章:
- 是否可以在数字输入框中的小按钮中添加事件侦听器
- 用于数字输入的正则表达式
- AngularJs:在数字输入字段中设置验证的条件最小值和最大值
- 敲除:如何对两个数字输入进行双向绑定
- 在数字输入上按回车键时提交
- 如何显示正好 2 位数字的 html 数字输入的输入值
- 如何使用鼠标或触摸更改数字输入字段
- 为数字输入添加特殊字符
- 在一些Android设备/Chrome上,HTML5数字输入中没有小数点
- 仅HTML输入除^之外的数字输入
- 如何处理 jQuery 中的数字输入更改
- 使用 js 禁用文本输入中的数字输入
- 角度JS数字输入和默认值
- 如何根据数字输入的总和限制数字输入
- 如何更改数字输入的格式
- 从给定的最大数字中减去并输出数字输入值
- 如何使此数字输入接受逗号
- 如何将加号和减号附加到数字输入和更新值
- 在我更改数字输入时获取要更改的范围的内容
- 多个数字输入,jquery .each 如果 val() 大于,则将类添加到元素