Html input制限入力中の英語文字、および文字数統計
4776 ワード
Html input制限入力中の英字、文字数統計HTML DEMO <html>
<head>
<script language="javascript">
/*
[^\x00-\xff] ASCII 0-255
alert('abc:' + /[^\x00-\xff]/g.test('abc'));
alert(' ' + /[^\x00-\xff]/g.test(' '));
alert('abc:' + /[^\x00-\xff]/g.test('abc'));
*/
function checkUser()
{
var usernameVal = document.getElementById("username").value;
usertipsSpan = document.getElementById("usertips");
if (!usernameVal.match( /^[\u4e00-\u9fa5|a-zA-Z]*$/)) {
usertipsSpan.innerHTML=" 、 ";
return false;
} else {
usertipsSpan.innerHTML='';
}
if(usernameVal.length > 10){ //
usertipsSpan.innerHTML=" 10 !";
}
}
/**
* ( )
*/
function chEnWordCount(str){
alert(str.length);
var count = str.replace(/[^\x00-\xff]/g,"**").length;
alert(count);
return count;
}
</script>
</head>
<body>
username:<input type="text" value="" name="username" id="username" maxlength="10" onblur="checkUser()" />
<span id="usertips"></span>
</body>
</html>
Webリファレンス
いくつかの文字操作の関数
http://www.rosoo.net/a/200611/6423.html
<script language="javascript">
function calculate() {
String.prototype.lenB = function(){return this.replace(/[^\x00-\xff]/g,"**").length;}
//var str = " ";
var str =document.all.uInput.value
alert(" = " + str.length);
alert(" = " + str.lenB());
}
</script>
<input name="uInput" type="text">
<input type="button" value=" " onclick="calculate()"/>
<input name="result" type="text">
JAvascript/JS制限ユーザー名は漢字文字と数字の下線しか入力できません
http://blog.163.com/peihu@126/blog/static/66003219201332554849288/
ユーザー名の検証の一例:
html:
js:
function checkUser()
{
var username = $("#username").val();
if (!username.match(/^[\u4E00-\u9FA5a-zA-Z0-9_]{3,20}$/){var msg="漢字英字数字下線組成,3-20ビット";$(#usertips").html(msg);else { $("#usertips").html(''); } }
1、数字入力のみ許可
2、英字、数字、下線のみの入力が許可されています(以下の2つの方法で実現します).
3、英字、数字および=@#のみ入力可能
4、漢字入力のみ許可
1、数字入力のみ許可
2、英字、数字、下線のみの入力が許可されています(以下の2つの方法で実現します).
3、英字、数字および=@#のみ入力可能
4、漢字入力のみ許可
数字しか入力できません:“^[0-9]*$”.
nビットの数字しか入力できません:"^d{n}$".
少なくともnビットの数字しか入力できません:"^d{n,}$".
m~nビットの数字しか入力できません:."^\d{m,n}$"
「^(0|[1-9][0-9]*)$」とゼロ以外の先頭の数字しか入力できません.
「^[0-9]+(.[0-9]{2})?」という2桁の小数点しか入力できません.
「^[0-9]+(.[0-9]{1,3})?$」と1~3桁の小数点以下の正実数しか入力できません.
ゼロ以外の正の整数しか入力できません:「^+?[1-9][0-9]*$」.
ゼロ以外の負の整数しか入力できません:「^-[1-9][0-9]*$」.
「^.{3}$」は、長さ3の文字のみ入力できます.
「^[A-Za-z]+$」という英字26文字の文字列しか入力できません.
「^[A-Z]+$」という26文字の英字文字列しか入力できません.
26文字の小文字の英字からなる文字列しか入力できません:「^[a-z]+$」.
「^[A-Za-z 0-9]+$」という文字列は、数字と26文字の英字でのみ入力できます.
数字、26文字の英字または下線で構成される文字列「^w+$」しか入力できません.
ユーザーパスワードの確認:「^[a-zA-Z]w{5,17}$」は、アルファベットで始まり、長さは6~18の間で、文字、数字、下線しか含まれません.
検証に^%&'、;=?$が含まれているかどうかを確認します."等文字:"[^%&',;=?$x 22]+".
漢字しか入力できません:"^[u 4 e 00-u 9 fa 5]{0,}$"
<html>
<head>
<script language="javascript">
/*
[^\x00-\xff] ASCII 0-255
alert('abc:' + /[^\x00-\xff]/g.test('abc'));
alert(' ' + /[^\x00-\xff]/g.test(' '));
alert('abc:' + /[^\x00-\xff]/g.test('abc'));
*/
function checkUser()
{
var usernameVal = document.getElementById("username").value;
usertipsSpan = document.getElementById("usertips");
if (!usernameVal.match( /^[\u4e00-\u9fa5|a-zA-Z]*$/)) {
usertipsSpan.innerHTML=" 、 ";
return false;
} else {
usertipsSpan.innerHTML='';
}
if(usernameVal.length > 10){ //
usertipsSpan.innerHTML=" 10 !";
}
}
/**
* ( )
*/
function chEnWordCount(str){
alert(str.length);
var count = str.replace(/[^\x00-\xff]/g,"**").length;
alert(count);
return count;
}
</script>
</head>
<body>
username:<input type="text" value="" name="username" id="username" maxlength="10" onblur="checkUser()" />
<span id="usertips"></span>
</body>
</html>
いくつかの文字操作の関数
http://www.rosoo.net/a/200611/6423.html
<script language="javascript">
function calculate() {
String.prototype.lenB = function(){return this.replace(/[^\x00-\xff]/g,"**").length;}
//var str = " ";
var str =document.all.uInput.value
alert(" = " + str.length);
alert(" = " + str.lenB());
}
</script>
<input name="uInput" type="text">
<input type="button" value=" " onclick="calculate()"/>
<input name="result" type="text">
JAvascript/JS制限ユーザー名は漢字文字と数字の下線しか入力できません
http://blog.163.com/peihu@126/blog/static/66003219201332554849288/
ユーザー名の検証の一例:
html:
js:
function checkUser()
{
var username = $("#username").val();
if (!username.match(/^[\u4E00-\u9FA5a-zA-Z0-9_]{3,20}$/){var msg="漢字英字数字下線組成,3-20ビット";$(#usertips").html(msg);else { $("#usertips").html(''); } }
1、数字入力のみ許可
2、英字、数字、下線のみの入力が許可されています(以下の2つの方法で実現します).
3、英字、数字および=@#のみ入力可能
4、漢字入力のみ許可
1、数字入力のみ許可
2、英字、数字、下線のみの入力が許可されています(以下の2つの方法で実現します).
3、英字、数字および=@#のみ入力可能
4、漢字入力のみ許可
数字しか入力できません:“^[0-9]*$”.
nビットの数字しか入力できません:"^d{n}$".
少なくともnビットの数字しか入力できません:"^d{n,}$".
m~nビットの数字しか入力できません:."^\d{m,n}$"
「^(0|[1-9][0-9]*)$」とゼロ以外の先頭の数字しか入力できません.
「^[0-9]+(.[0-9]{2})?」という2桁の小数点しか入力できません.
「^[0-9]+(.[0-9]{1,3})?$」と1~3桁の小数点以下の正実数しか入力できません.
ゼロ以外の正の整数しか入力できません:「^+?[1-9][0-9]*$」.
ゼロ以外の負の整数しか入力できません:「^-[1-9][0-9]*$」.
「^.{3}$」は、長さ3の文字のみ入力できます.
「^[A-Za-z]+$」という英字26文字の文字列しか入力できません.
「^[A-Z]+$」という26文字の英字文字列しか入力できません.
26文字の小文字の英字からなる文字列しか入力できません:「^[a-z]+$」.
「^[A-Za-z 0-9]+$」という文字列は、数字と26文字の英字でのみ入力できます.
数字、26文字の英字または下線で構成される文字列「^w+$」しか入力できません.
ユーザーパスワードの確認:「^[a-zA-Z]w{5,17}$」は、アルファベットで始まり、長さは6~18の間で、文字、数字、下線しか含まれません.
検証に^%&'、;=?$が含まれているかどうかを確認します."等文字:"[^%&',;=?$x 22]+".
漢字しか入力できません:"^[u 4 e 00-u 9 fa 5]{0,}$"