<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<head>
<script>
/*是否带有小数*/
function isDecimal(strValue ) {
var objRegExp= /^\d+\.\d+$/;
return objRegExp.test(strValue);
}
/*校验是否中文名称组成 */
function ischina(str) {
var reg=/^[\u4E00-\u9FA5]{2,4}$/; /*定义验证表达式*/
return reg.test(str); /*进行验证*/
}
/*校验电话码格式 */
function isTelCode(str) {
var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
return reg.test(str);
}
/*校验邮件地址是否合法 */
function IsEmail(str) {
var reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+$/;
return reg.test(str);
}
/*校验是否全由8位数字组成 */
function isStudentNo(str) {
var reg=/^[0-9]{8}$/; /*定义验证表达式*/
return reg.test(str); /*进行验证*/
}
function myFunction(){
if(!isStudentNo(document.getElementById("fname").value)){
document.getElementById("demo1").innerHTML="学生编号是8位数字";
document.getElementById("fname").focus();//鼠标回到框中
return false;
}
}
</script>
</head>
<body>
输入你的名字: <input type="text" id="fname" οnchange="myFunction()"><span id="demo1"></span><br>
<p id="demo">当你离开输入框后,函数将被触发,将小写字母转为大写字母。</p>
</body>
</html>
表单验证,在输入框中输入完成鼠标离开本框之后进行验证
最新推荐文章于 2024-04-22 15:36:45 发布