表单验证
<script type="text/javascript" src="../js/newjs/jquery.min.js"></script>
<p class="sectiontitle">域名实名制信息<font color="red">"*"号必填</font></p>
<form id="frm_register" name="frm_register" action="member.php" method="POST" enctype="multipart/form-data">
<input type="hidden" name="module" value="member_createDomianRealInfo">
<input type="hidden" name="docreate" value="1">
<table width="100%" border="1" class="detailtable" cellspacing=0 cellpadding=0>
<p class="sectiontitle">所有者信息</p>
<tr>
<td width="100" class="TitleTD">所有者中文名称<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="OwnerNameCN" name="OwnerNameCN" value="$OwnerNameCN$" ><font color="#FF0000" id="validate_OwnerNameCN"></font><br/><font color="red">（所有者为企业填写企业名称中文，所有者为个人填写个人姓名中文）</font></td>
</tr>
<tr>
<td width="100" class="TitleTD">所有者名称拼音<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="OwnerNameEN" name="OwnerNameEN" value="$OwnerNameEN$" ><font color="#FF0000" id="validate_OwnerNameEN"></font><br/><font color="red"> （所有者为企业填写企业名称拼音，所有者为个人填写个人姓名拼音）</font></td>
</tr>
<tr>
<td width="100" class="TitleTD">所有者证件号码<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="OwnerIDnumber" name="OwnerIDnumber" value="$OwnerIDnumber$" ><font color="#FF0000" id="validate_OwnerIDnumber"></font><br/><font color="red"> （所有者为企业填写企业证件号码，所有者为个人填写个人身份证号码）</font></td>
</tr>
</table>
<table width="100%" border="1" class="detailtable" cellspacing=0 cellpadding=0>
<p class="sectiontitle">联系人信息</p>
<tr>
<td width="100" class="TitleTD">联系人中文姓名<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="adminNameCN" name="adminNameCN" value="$adminNameCN$" ><font color="#FF0000" id="validate_adminNameCN"></font></td>
</tr>
<tr>
<td width="100" class="TitleTD">联系人名称拼音<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="adminNameEN" name="adminNameEN" value="$adminNameEN$" ><font color="#FF0000" id="validate_adminNameEN"></font></td>
</tr>
<tr>
<td width="100" class="TitleTD">联系人身份号码<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="adminIDnumber" name="adminIDnumber" value="$adminIDnumber$" ><font color="#FF0000" id="validate_adminIDnumber"></font></td>
</tr>
</table>
<table width="100%" border="1" class="detailtable" cellspacing=0 cellpadding=0>
<p class="sectiontitle">详细信息</p>
<tr>
<td width="100" class="TitleTD">中文地址<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="addressLineCN" name="addressLineCN" value="$addressLineCN$"><font color="#FF0000" id="validate_addressLineCN"></font></td>
</tr>
<tr>
<td width="100" class="TitleTD">地址拼音<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="addressLineEN" name="addressLineEN" value="$addressLineEN$"><font color="#FF0000" id="validate_addressLineEN"></font></td>
</tr>
<tr>
<td width="100" class="TitleTD">邮编<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="postcode" name="postcode" value="$postcode$"><font color="#FF0000" id="validate_postcode"></font></td>
</tr>
<tr>
<td width="100" class="TitleTD">电话<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="phone" name="phone" value="$phone$" ><font color="#FF0000" id="validate_phone"></font><br/><font color="red">如010-86868686-601 或 021-86868686</font></td>
</tr>
<tr>
<td width="100" class="TitleTD">传真<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="fax" name="fax" value="$fax$" ><font color="#FF0000" id="validate_fax"></font><br/><font color="red">如010-86868686-601 或 021-86868686</font></td>
</tr>
<tr>
<td width="100" class="TitleTD">电子邮箱<font color="red">*</font></td>
<td><input type="text" size="30" class="solidinput" id="email" name="email" value="$email$"><font color="#FF0000" id="validate_email"></font></td>
</tr>
</table>
<p class="sectiontitle"><font color="#FF0000">上传照片请符合要求（不小于100KB，最大不超过1M，只支持JPG格式）</font></p>
<br><img src='$OwnerIDphoto$'>
<table width="100%" border="1" class="detailtable" cellspacing=0 cellpadding=0>
<tr>
<td width="100" class="TitleTD">所有者证件<font color="red">*</font></td>
<td>
<input class="solidinput" type="file" id="OwnerIDphoto" name="OwnerIDphoto" size="40"><font color="#FF0000" id="validate_OwnerIDphoto"></font><br/><font color="red">所有者证件上传原件彩色扫描件
（所有者为企业上传企业证件，所有者为个人上传个人身份证）</font>
</td>
</tr>
</table>
<br><img src='$adminIDphoto$'>
<table width="100%" border="1" class="detailtable" cellspacing=0 cellpadding=0>
<tr>
<td width="100" class="TitleTD">联系人证件<font color="red">*</font></td>
<td>
<input class="solidinput" type="file" id="adminIDphoto" name="adminIDphoto" size="40"><font color="#FF0000" id="validate_adminIDphoto"></font><br/><font color="red">联系人证件上传原件彩色扫描件</font>
</td>
</tr>
</table>
<a target="_new" style="color:#0066CC;" href="images/zh-CN/SuoYouRenBianGengXieYi.doc" class="sectiontitle">过户协议模板下载</a>
<br><img src='$transferAgreemen$'>
<table width="100%" border="1" class="detailtable" cellspacing=0 cellpadding=0>
<tr>
<td width="100" class="TitleTD">过户协议扫描件<font color="red">*</font></td>
<td>
<input class="solidinput" type="file" id="transferAgreemen" name="transferAgreemen" size="40"><font color="#FF0000" id="validate_transferAgreemen"></font><br/><font color="red">实名制提交用户请上传所有者证件</font>
</td>
</tr>
</table>
<a target="_new" style="color:#0066CC;" href="images/zh-CN/MianZeShu.doc" class="sectiontitle">免责书模板下载</a>
<br><img src='$Disclaimer$'>
<table width="100%" border="1" class="detailtable" cellspacing=0 cellpadding=0>
<tr>
<td width="100" class="TitleTD">免责书扫描件</td>
<td>
<input class="solidinput" type="file" id="Disclaimer" name="Disclaimer" size="40"><font color="#FF0000" id="validate_Disclaimer"></font>
</td>
</tr>
</table>
<a target="_new" style="color:#0066CC;" href="images/zh-CN/ShengMingShu.doc" class="sectiontitle">声明书模板下载</a>
<br><img src='$Instructions$'>
<table width="100%" border="1" class="detailtable" cellspacing=0 cellpadding=0>
<tr>
<td width="100" class="TitleTD">声明书扫描件</td>
<td>
<input class="solidinput" type="file" id="Instructions" name="Instructions" size="40"><font color="#FF0000" id="validate_Instructions"></font>
</td>
</tr>
</table>
<!-- <input type="image" src="images/zh-CN/confirm_button.gif" alt="确认" onclick="if ( ! fn_CheckLogo(this.form) ) return false; this.form.dologoupdate.value='1'; this.form.submit(); fn_AfterSubmit();"> -->
<button id="onSubmit" type="button" disabled="disabled">确认</button>
</form>
<script language="JavaScript">
$(function(){
var OwnerNameCN=$('#OwnerNameCN'),OwnerNameEN=$('#OwnerNameEN'),OwnerIDnumber=$('#OwnerIDnumber'),adminNameCN=$('#adminNameCN'),adminNameEN=$('#adminNameEN'),adminIDnumber=$('#adminIDnumber'),addressLineCN=$('#addressLineCN'),addressLineEN=$('#addressLineEN'),postcode=$('#postcode'),phone=$('#phone'),fax=$('#fax'),email=$('#email'),OwnerIDphoto=$('#OwnerIDphoto'),adminIDphoto=$('#adminIDphoto'),transferAgreemen=$('#transferAgreemen'),Disclaimer=$('#Disclaimer'),Instructions=$('#Instructions');
var validate_OwnerNameCN=$('#validate_OwnerNameCN'),validate_OwnerNameEN=$('#validate_OwnerNameEN'),validate_OwnerIDnumber=$('#validate_OwnerIDnumber'),validate_adminNameCN=$('#validate_adminNameCN'),validate_adminNameEN=$('#validate_adminNameEN'),validate_adminIDnumber=$('#validate_adminIDnumber'),validate_addressLineCN=$('#validate_addressLineCN'),validate_addressLineEN=$('#validate_addressLineEN'),validate_postcode=$('#validate_postcode'),validate_phone=$('#validate_phone'),validate_fax=$('#validate_fax'),validate_email=$('#validate_email'),validate_OwnerIDphoto=$('#validate_OwnerIDphoto'),validate_adminIDphoto=$('#validate_adminIDphoto'),validate_transferAgreemen=$('#validate_transferAgreemen'),validate_Disclaimer=$('#validate_Disclaimer'),validate_Instructions=$('#validate_Instructions');
var OwnerNameCN_confirm=false,OwnerNameEN_confirm=false,OwnerIDnumber_confirm=false,adminNameCN_confirm=false,adminNameEN_confirm=false,adminIDnumber_confirm=false,addressLineCN_confirm=false,addressLineEN_confirm=false,postcode_confirm=false,phone_confirm=false,fax_confirm=false,email_confirm=false,OwnerIDphoto_confirm=false,adminIDphoto_confirm=false,transferAgreemen_confirm=false,Disclaimer_confirm=true,Instructions_confirm=true;
var onSubmit=$('#onSubmit'),frm_register=$('#frm_register');
var checkpass=function()
{
if(OwnerNameCN_confirm && OwnerNameEN_confirm && OwnerIDnumber_confirm && adminNameCN_confirm && adminNameEN_confirm && adminIDnumber_confirm && addressLineCN_confirm && addressLineEN_confirm && postcode_confirm && phone_confirm && fax_confirm && email_confirm && OwnerIDphoto_confirm && adminIDphoto_confirm && transferAgreemen_confirm && Disclaimer_confirm && Instructions_confirm)
{
onSubmit.removeAttr('disabled');
return true;
}
else
{
onSubmit.attr({'disabled':'disabled'});
return false;
//onSubmit.removeAttr('disabled');
//return true;
}
}
<!-- 所有者中文名称检验 -->
OwnerNameCN.blur(function(){
if($(this).val().trim()==''){
validate_OwnerNameCN.html('<span class="register-ts1">请填写中文名称</span>');
OwnerNameCN_confirm=false;
}else if($(this).val().match(/^[\u4e00-\u9fa5]+$/)){
validate_OwnerNameCN.html('<span class="register-ts1"></span>');
OwnerNameCN_confirm=true;
}else{
validate_OwnerNameCN.html('<span class="register-ts1">请填写中文格式</span>');
OwnerNameCN_confirm=false;
}
checkpass();
});
<!-- 所有者英文名称检验 -->
OwnerNameEN.blur(function(){
if($(this).val().trim()==''){
validate_OwnerNameEN.html('<span class="register-ts1">请填写英文名称</span>');
OwnerNameEN_confirm=false;
}else if($(this).val().match(/^[a-zA-Z]+$/)){
validate_OwnerNameEN.html('<span class="register-ts1"></span>');
OwnerNameEN_confirm=true;
}else{
validate_OwnerNameEN.html('<span class="register-ts1">请填写英文格式</span>');
OwnerNameEN_confirm=false;
}
checkpass();
});
<!-- 所有者身份号称检验 -->
OwnerIDnumber.blur(function(){
if($(this).val().trim()==''){
validate_OwnerIDnumber.html('<span class="register-ts1">请填写所有者证件号码</span>');
OwnerIDnumber_confirm=false;
}else{
validate_OwnerIDnumber.html('<span class="register-ts1"></span>');
OwnerIDnumber_confirm=true;
}
checkpass();
});
<!-- 联系人中文名称检验 -->
adminNameCN.blur(function(){
if($(this).val().trim()==''){
validate_adminNameCN.html('<span class="register-ts1">请填写中文名称</span>');
adminNameCN_confirm=false;
}else if($(this).val().match(/^[\u4e00-\u9fa5]+$/)){
validate_adminNameCN.html('<span class="register-ts1"></span>');
adminNameCN_confirm=true;
}else{
validate_adminNameCN.html('<span class="register-ts1">请填写中文格式</span>');
adminNameCN_confirm=false;
}
checkpass();
});
<!-- 联系人英文名称检验 -->
adminNameEN.blur(function(){
if($(this).val().trim()==''){
validate_adminNameEN.html('<span class="register-ts1">请填写英文名称</span>');
adminNameEN_confirm=false;
}else if($(this).val().match(/^[a-zA-Z]+$/)){
validate_adminNameEN.html('<span class="register-ts1"></span>');
adminNameEN_confirm=true;
}else{
validate_adminNameEN.html('<span class="register-ts1">请填写英文格式</span>');
adminNameEN_confirm=false;
}
checkpass();
});
<!-- 联系人身份号称检验 -->
adminIDnumber.blur(function(){
if($(this).val().trim()==''){
validate_adminIDnumber.html('<span class="register-ts1">请填写身份号码</span>');
adminIDnumber_confirm=false;
}else if($(this).val().match(/^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/)){
validate_adminIDnumber.html('<span class="register-ts1"></span>');
adminIDnumber_confirm=true;
}
else{
validate_adminIDnumber.html('<span class="register-ts1">身份号码格式不正确</span>');
adminIDnumber_confirm=false;
}
checkpass();
});
<!-- 中文地址检验 -->
addressLineCN.blur(function(){
if($(this).val().trim()==''){
validate_addressLineCN.html('<span class="register-ts1">请填写中文地址</span>');
addressLineCN_confirm=false;
}else{
validate_addressLineCN.html('<span class="register-ts1"></span>');
addressLineCN_confirm=true;
}
checkpass();
});
<!-- 英文地址检验 -->
addressLineEN.blur(function(){
if($(this).val().trim()==''){
validate_addressLineEN.html('<span class="register-ts1">请填写英文地址</span>');
addressLineEN_confirm=false;
//}else if(!$(this).val().match(/^[\u4e00-\u9fa5]+$/)){ //只允许中文
//}else if($(this).val().match(/^[u4E00-u9FA5{u-z}]+$/)){ //没有中文和符号
}else if(escape($(this).val()).indexOf( "%u" )<0){ //没有中文
validate_addressLineEN.html('<span class="register-ts1"></span>');
addressLineEN_confirm=true;
}
else{
validate_addressLineEN.html('<span class="register-ts1">不允许填写中文</span>');
addressLineEN_confirm=false;
}
checkpass();
});
<!-- 邮编检验 -->
postcode.blur(function(){
if($(this).val().trim()=='')
{
validate_postcode.html('<span class="register-ts1">邮政编码不能为空</span>');
postcode_confirm=false;
}
else if(!$(this).val().trim().match(/^[0-9]{1,20}$/))
{
validate_postcode.html('<span class="register-ts1">邮政编码不能为空</span>');
postcode_confirm=false;
}
else
{
validate_postcode.html('<span class="register-ts5"></span>');
postcode_confirm=true;
}
checkpass();
});
<!-- 电话号码检验 -->
phone.blur(function(){
if($(this).val().trim()=='')
{
validate_phone.html('<span class="register-ts1">电话号码不能为空</span>');
phone_confirm=false;
}
else if(!$(this).val().trim().match(/^(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$/))
{
validate_phone.html('<span class="register-ts1">电话号码格式不正确</span>');
phone_confirm=false;
}
else
{
validate_phone.html('<span class="register-ts5"></span>');
phone_confirm=true;
}
checkpass();
});
<!-- 传真号码检验 -->
fax.blur(function(){
if($(this).val().trim()=='')
{
validate_fax.html('<span class="register-ts1">传真号码不能为空</span>');
return;
}
if(!$(this).val().trim().match(/^(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$/))
{
validate_fax.html('<span class="register-ts1">传真号码格式不正确</span>');
fax_confirm=false;
}
else
{
validate_fax.html('<span class="register-ts5"></span>');
fax_confirm=true;
}
checkpass();
});
<!-- 电子邮箱检验 -->
email.blur(function(){
var email_val= $(this).val().trim();
if(email_val=="")
{
validate_email.html('<span class="register-ts1">请填写邮箱</span>');
email_confirm=false;
}
//else if(!email_val.match(/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/)) //不允许有中文和特殊字符
else if(!email_val.match( /\w+[@]{1}\w+[.]\w+/)) //允许有特殊字符
{
validate_email.html('<span class="register-ts1">请按照正确格式填写邮箱</span>');
email_confirm=false;
}
else
{
validate_email.html('<span class="register-ts5"></span>');
email_confirm=true;
}
checkpass();
});
<!-- 所有者证件照 -->
OwnerIDphoto.change(function(){
var OwnerIDphoto_path=$("input[name='OwnerIDphoto']").val();
var extStart=OwnerIDphoto_path.lastIndexOf(".");
var ext=OwnerIDphoto_path.substring(extStart,OwnerIDphoto_path.length).toUpperCase();
if(ext!=".JPG"){
alert("图片限于jpg格式");
OwnerIDphoto_confirm = false;
}else{
file_size = this.files[0].size;
file_sizeKB = file_size/1024; //KB
if(file_sizeKB<1000 && file_sizeKB>100){
alert('添加成功');
OwnerIDphoto_confirm = true;
}else{
alert('此照片尺寸为'+file_sizeKB+'不符合要求');
OwnerIDphoto_confirm = false;
}
}
checkpass();
});
<!-- 联系人证件照 -->
adminIDphoto.change(function(){
var adminIDphoto_path=$("input[name='adminIDphoto']").val();
var extStart=adminIDphoto_path.lastIndexOf(".");
var ext=adminIDphoto_path.substring(extStart,adminIDphoto_path.length).toUpperCase();
if(ext!=".JPG"){
alert("图片限于jpg格式");
adminIDphoto_confirm = false;
}else{
file_size = this.files[0].size;
file_sizeKB = file_size/1024; //KB
if(file_sizeKB<1000 && file_sizeKB>100){
alert('添加成功');
adminIDphoto_confirm = true;
}else{
alert('此照片尺寸为'+file_sizeKB+'不符合要求');
adminIDphoto_confirm = false;
}
}
checkpass();
});
<!-- 过户协议 -->
transferAgreemen.change(function(){
var transferAgreemen_path=$("input[name='transferAgreemen']").val();
var extStart=transferAgreemen_path.lastIndexOf(".");
var ext=transferAgreemen_path.substring(extStart,transferAgreemen_path.length).toUpperCase();
if(ext!=".JPG"){
alert("图片限于jpg格式");
transferAgreemen_confirm = false;
}else{
file_size = this.files[0].size;
file_sizeKB = file_size/1024; //KB
if(file_sizeKB<1000 && file_sizeKB>100){
alert('添加成功');
transferAgreemen_confirm = true;
}else{
alert('此照片尺寸为'+file_sizeKB+'不符合要求');
transferAgreemen_confirm = false;
}
}
checkpass();
});
<!-- 免责书 -->
Disclaimer.change(function(){
var Disclaimer_path=$("input[name='Disclaimer']").val();
var extStart=Disclaimer_path.lastIndexOf(".");
var ext=Disclaimer_path.substring(extStart,Disclaimer_path.length).toUpperCase();
if(ext!=".JPG"){
alert("图片限于jpg格式");
Disclaimer_confirm = false;
}else{
file_size = this.files[0].size;
file_sizeKB = file_size/1024; //KB
if(file_sizeKB<1000 && file_sizeKB>100){
alert('添加成功');
Disclaimer_confirm = true;
}else{
alert('此照片尺寸为'+file_sizeKB+'不符合要求');
Disclaimer_confirm = false;
}
}
checkpass();
});
<!-- 说明书 -->
Instructions.change(function(){
var Instructions_path=$("input[name='Instructions']").val();
var extStart=Instructions_path.lastIndexOf(".");
var ext=Instructions_path.substring(extStart,Instructions_path.length).toUpperCase();
if(ext!=".JPG"){
alert("图片限于jpg格式");
Instructions_confirm = false;
}else{
file_size = this.files[0].size;
file_sizeKB = file_size/1024; //KB
if(file_sizeKB<1000 && file_sizeKB>100){
alert('添加成功');
Instructions_confirm = true;
}else{
alert('此照片尺寸为：'+file_sizeKB+'KB，不符合要求');
Instructions_confirm = false;
}
}
checkpass();
});
checkpass();
//提交
onSubmit.click(function(){
frm_register.submit();
});
});
</script>
