html部分：

<!DOCTYPE html>
<html lang=\"en\">
<head>
<  charset=\"UTF-8\">
< >formValidator</ >
<  src=\"js/jquery-1.11.1.js\"></ >
<  src=\"js/formValidator-4.0.1.min.js\"></ >
<  src=\"js/DateTimeMask.js\"></ >
<  src=\"js/formValidatorRegex.js\"></ >
<  rel=\"stylesheet\" href=\"css/validator.css\">
<style>
form{
width: 500px;
margin: 100px auto;
}
table tr td:first-child{
text-align: right;
}
table tr td{
padding: 5px 0;
}
div{
margin-left: 10px;
padding: 0 10px;
}
</style>
</head>
<body>
<form name=\"myfm\" id=\"myfm\" action=\"1.html\">
<table>
<tbody>
<tr>
<td><label for=\"uname\">用户名：</label></td>
<td><input type=\"text\" id=\"uname\" name=\"uname\"/></td>
<td><div id=\"unameTip\"></div></td>
</tr>
<tr>
<td><label for=\"pwd\">密码：</label></td>
<td><input type=\"password\" id=\"pwd\" name=\"pwd\"/></td>
<td><div id=\"pwdTip\"></div></td>
</tr>
<tr>
<td><label for=\"repwd\">重复密码：</label></td>
<td><input type=\"password\" name=\"repwd\" id=\"repwd\"/></td>
<td><div id=\"repwdTip\"></div></td>
</tr>
<tr>
<td><label>性别：</label></td>
<td>
<input type=\"radio\" name=\"sex\" value=\"male\" id=\"male\"/>
<label for=\"male\">男</label>
<input type=\"radio\" name=\"sex\" value=\"female\" id=\"female\"/>
<label for=\"female\">女</label>
</td>
</tr>
<tr>
<td><label for=\"area\">地区：</label></td>
<td>
<select name=\"area\" id=\"area\">
<option value=\"0\">- 请选择 -</option>
<option value=\"1\">锦江区</option>
<option value=\"2\">金牛区</option>
<option value=\"3\">龙泉驿区</option>
<option value=\"4\">青羊区</option>
</select>
</td>
</tr>
<tr>
<td><label for=\"num\">身份证：</label></td>
<td><input type=\"text\" id=\"num\" name=\"num\"/></td>
<td><div id=\"numTip\"></div></td>
</tr>
<tr>
<td><label for=\"phone\">电话号码：</label></td>
<td><input type=\"text\" name=\"phone\" id=\"phone\"/></td>
<td><div id=\"phoneTip\"></div></td>
</tr>
<tr>
<td><label for=\"email\">邮箱：</label></td>
<td><input type=\"text\" name=\"email\" id=\"email\"/></td>
<td><div id=\"emailTip\"></div></td>
</tr>
<tr>
<td></td>
<td><input type=\"submit\" name=\"submit\" id=\"submit\" value=\"提交\"/></td>
<td></td>
</tr>
</tbody>
</table>
</form>
< >
$.formValidator.initConfig({ //用于配置当前formValidator插件
    formID: \"myfm\",
    debug: false,
    submitOnce: true,
    validatorGroup: \'1\',
    //设置验证组，默认值为1
    onSuccess: function() { //验证成功后的回调函数
    },
     : function() { //验证失败后的回调函数
    }
});
$(\'#uname\').formValidator({
    ValidatorGroup: \'1\',
    //验证组为1 
    onEmpty: \'用户名不能为空\',
    //提示用户名不能为空
    onShow: \"\",
     : \'用户名必须为1到12位的数字或字母\',
    //表单元素获得焦点的时候提示应输入的格式
    onCorrect: \'用户名输入正确\' //输入正确的提示
}).regexValidator({
    regExp: \'^[0-9a-zA-Z]{1,12}$\',
    //验证表单输入的正则表达式
     : \'用户名格式有误，请从新输入\' //输入错误的提示
}).ajaxValidator({ //验证输入的用户名是否已经存在
    dataType: \'html\',
    //请求数据的格式
    async: true,
    //异步方式
    url: \'test.php\',
    success: function(data) {
        if (data == \'false\') {
            return false;
        } else {
            return true;
        }
    },
     : \'该用户名已存在，请从新输入\',
    onWait: \'正在对用户名进行合法性校验，请稍候...\'
});
$(\'#pwd\').formValidator({
    ValidatorGroup: \'1\',
    onEmpty: \'密码不能为空\',
    onShow: \"\",
     : \'密码必须为6位以上的字母或数字\',
    onCorrect: \'密码输入正确\'
}).regexValidator({
    regExp: \'[0-9a-zA-Z]{6,}\',
     : \'密码格式有误，请从新输入\'
});
$(\'#repwd\').formValidator({
    ValidatorGroup: \'1\',
    onEmpty: \'密码不能为空\',
    onShow: \"\",
     : \'密码必须为6位以上的字母或数字\',
    onCorrect: \'密码输入正确\'
}).regexValidator({
    regExp: \'^[0-9a-zA-Z]{6,}$\',
     : \'密码格式不正确\'
}).compareValidator({ //比较两次输入内容是否符合下面给出的比较符号
    desID: \'pwd\',
    //相比较的表单元素的ID值
    operateor: \'=\',
    //要比较的两个元素之间的关系
     : \'两次密码输入不一致，请从新输入\' //不满足以上关系的时候的提示
});
$(\'#num\').formValidator({
    ValidatorGroup: \'1\',
    onEmpty: \'身份证不能为空\',
    onShow: \'\',
     : \'请输入您的身份证号\',
    onCorrect: \'身份证格式正确\'
}).regexValidator({
    regExp: \'^[1-9]\\\\d{5}[1-9]\\\\d{3}((0\\\\d)|(1[0-2]))(([0|1|2]\\\\d)|3[0-1])\\\\d{4}$\',
    //15位身份证号码的正则表达式/^[1-9]\\d{7}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}$/
     : \'身份证格式有误，请从新输入\'
});
$(\'#phone\').formValidator({
    ValidatorGroup: \'1\',
    onEmpty: \'手机号码不能为空\',
    onShow: \'\',
     : \'请输入您的手机号码\',
    onCorrect: \'手机号码格式正确\',
}).regexValidator({
    regExp: \'^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$\',
     : \'手机号码格式有误，请从新输入\'
});
$(\'#email\').formValidator({
    ValidatorGroup: \'1\',
    onEmpty: \'邮箱地址不能为空\',
    onShow: \'\',
     : \'请输入您的邮箱地址\',
    onCorrect: \'邮箱格式正确\'
}).regexValidator({
    regExp: \'^\\\\w+([-+.]\\\\w+)*@\\\\w+([-.]\\\\w+)*\\\\.\\\\w+([-.]\\\\w+)*$\',
     : \'邮箱格式有误，请从新输入\'
});
</ >
</body>
</html>

php部分代码：

<?php
header(\'Content-Type:html\');
$name=array(\'Tom\',\'ervin\',\'Jhon\');
$uname=$_REQUEST[\'uname\'];
$notexit=\'true\';
for ($i=0; $i <3 ; $i++) { 
if ($uname==$name[$i]) {
$notexit=\'false\';
break;
}else{
}
}
echo \"$notexit\";
?>

 

继续阅读与本文标签相同的文章

jquery 表单 验证
最新文章 最热文章
收藏 打印

特别推荐 2026年05月14日 星期四

精彩发现

热门标签

阻止表单提交 窗口 关闭浏览器 清除 CDATA css文件 光标位置 坐标 javascrpt !important 超链接 数字

相关文章

1
jquery正确清除input file值的方法
742人阅读
2
jquery将一个DIV显示在屏幕中间(居中)
458人阅读
3
禁用Chrome浏览器自动填充表单form的方法
325人阅读