Jquery常用検証関数
6104 ワード
1.本明細書には、次の関数が含まれます.
検証は必ず記入して、数字を検証して、2つの入力が等しいかどうかを検証して、電話と携帯電話を検証して、メールボックスを検証して、入力の長さを検証します
2.実装コード:
検証は必ず記入して、数字を検証して、2つの入力が等しいかどうかを検証して、電話と携帯電話を検証して、メールボックスを検証して、入力の長さを検証します
2.実装コード:
<script type="text/javascript">
//
$(document).ready(function () {
getGSdata();
//begin of , ----------<
$("#Text1").blur(function () {
VerifyNotNull($("#Text1"), $("#Span1"));
});
$("#Text2").blur(function () {
VerifyIsNumber($("#Text2"), $("#Span2"));
});
$("#Text3").blur(function () {
VerifyEqual($("#Text3"), $("#Text31"), $("#Span3"));
});
$("#Text31").blur(function () {
VerifyEqual($("#Text3"), $("#Text31"), $("#Span3"));
});
$("#Text4").blur(function () {
VerifyMobile($("#Text4"), $("#Span4"));
});
$("#Text5").blur(function () {
VerifyEmail($("#Text5"), $("#Span5"));
});
$("#Text6").blur(function () {
VerifyLength($("#Text6"), 2, 5, $("#Span6"));
});
//end of ---------->
});
//begin of ----------<
// 1
function VerifyNotNull(obj, mesgTab) {
var objValue = obj.val();
if (objValue == "" || objValue == null || objValue == undefined) {
mesgTab.html(" ").css("color", "red");
}
else {
mesgTab.html(" ");
}
}
// 2
function VerifyIsNumber(obj, mesgTab) {
var objValue = obj.val();
if (objValue == "" || objValue == null || objValue == undefined) {
}
else {
if (isNaN(objValue)) {
mesgTab.html(" ").css("color", "red");
}
else {
mesgTab.html(" ");
}
}
}
// 3
function VerifyEqual(obj1, obj2, mesgTab) {
var objValue1 = obj1.val();
var objValue2 = obj2.val();
if (objValue1 != objValue2) {
mesgTab.html(" ").css("color", "red");
}
else {
mesgTab.html(" ");
}
}
// 4
function VerifyMobile(obj, mesgTab) {
var patternMobile = /(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{7,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/;
var objValue = obj.val();
if (objValue == "" || objValue == null || objValue == undefined) {
}
else {
if (!patternMobile.test(objValue)) {
mesgTab.html(" ").css("color", "red");
}
else {
mesgTab.html(" ");
}
}
}
// 5
function VerifyEmail(obj, mesgTab) {
var patternEmail = /^([&'+\-\d=A-Z_a-z]+(?:\.[&'+\-\d=A-Z_a-z]+)*)@((?:[\dA-Za-z](?:[-\dA-Za-z]*[\dA-Za-z])?\.)+[A-Za-z][-A-Za-z]*[A-Za-z])$/;
var objValue = obj.val();
if (objValue == "" || objValue == null || objValue == undefined) {
}
else {
if (!patternEmail.test(objValue)) {
mesgTab.html(" ").css("color", "red");
}
else {
mesgTab.html(" ");
}
}
}
// 6
function VerifyLength(obj, minLen, maxLen, mesgTab) {
var objValue = obj.val();
var nowLength = strlength(objValue);
if (nowLength < minLen) {
mesgTab.html(" ").css("color","red");
}
else if (maxLen < nowLength) {
mesgTab.html(" ").css("color", "red");
}
else {
mesgTab.html(" ");
}
}
/* ( 2 )*/
function strlength(str) {
var strl = 0;
var l = str.length;
for (var i = 0; i < l; i++) {
//
if (str.charCodeAt(i) < 0 || str.charCodeAt(i) > 255)
strl = strl + 2;
else
strl++;
}
return strl
}
//end of ---------->
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
1: <input id="Text1" class="input"/><span id="Span1"></span><br />
2: <input id="Text2" class="input"/><span id="Span2"></span><br />
3: <input id="Text3" class="input"/><input id="Text31" class="input"/><span id="Span3"></span><br /><br />
4: <input id="Text4" class="input"/><span id="Span4"></span><br />
5: <input id="Text5" class="input"/><span id="Span5"></span><br />
6: <input id="Text6" class="input"/><span id="Span6"></span><br /><br />
</div>
</form>
</body>
</html>