jquery无刷新验证邮箱地址实现实例
2014-02-19 00:00
639 查看
今天在开发的时候。需要在一个用户验证邮箱。但是使用了传统的js无刷新需要清空浏览器缓存后才能正常的验证所以自己就去用jquery 去写一个了无刷新验证 看看
然后这个是html的代码
<script type="text/javascript"> var ee; function mailbox(strEmail){ var name=document.blooger[0].email.value; $.ajax({ type: "get", url: "<?php echo "http://".$_SERVER['HTTP_HOST']."/Login/"; ?>mail.php", data: "youx="+name, success: function(datax) { var xx = document.getElementsByName("email")[0].value; if (xx == ""){document.getElementById("mailbox_msg").innerHTML=' <font color=red>邮箱不能为空!</font>';} else if(document.blooger[0].email.value.search(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/) != -1) { if (datax == 0) { document.getElementById("mailbox_msg").innerHTML=' <font color=red>邮箱已经被注册</font>'; } else {document.getElementById("mailbox_msg").innerHTML=' <font color=green>邮箱可以使用!</font>';} }else{document.getElementById("mailbox_msg").innerHTML=' <font color=red>邮箱地址不正确</font>';} } }); } function check(){ if(ee != "1"){mailbox();return false;} } </script>
然后这个是html的代码
<form name="blooger" action="blogger.php?action=update" method="post" id="blooger" enctype="multipart/form-data" onsubmit="return check();" > <div class="item_edit">www.jb51.net <li> <?php echo $icon; ?><input type="hidden" name="photo" value="<?php echo $photo; ?>"/> 头像 <input name="photo" type="file" /> (支持JPG、PNG格式图片) </li> <li>昵称 <input maxlength="50" style="width:185px;" value="<?php echo $nickname; ?>" name="name" /> </li> <li>电子邮件 <input type="text" name="email" value="<?php echo $email; ?>" id="id_mailbox" style="width:185px;" maxlength="200" onBlur="mailbox(this.value);" /><span id="mailbox_msg"></span></li> <li>个人描述 <textarea name="description" style="width:300px; height:65px;" type="text" maxlength="500"><?php echo $description; ?></textarea></li> <li><input type="submit" value="保存资料" class="button" /></li> </div> </form>
相关文章推荐
- jquery无刷新验证邮箱地址实现实例
- jquery中邮箱地址 URL网站地址正则验证实例代码
- jquery中邮箱地址 URL网站地址正则验证实例
- jquery中邮箱地址 URL网站地址正则验证实例代码
- jquery中邮箱地址 URL网站地址正则验证实例代码
- jquery中邮箱地址 URL网站地址正则验证实例
- jquery中邮箱地址 URL网站地址正则验证实例代码
- 使用jQuery实现简单的邮箱验证
- jquery实现表单验证简单实例演示
- AJAX和WebService实现邮箱验证(无刷新)
- php内置函数实现 验证邮箱,url地址格式是否合法
- 利用ajax实现简单的注册验证局部刷新实例
- JQuery的Ajax请求实现局部刷新的简单实例
- jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
- jQuery实现Email邮箱地址自动补全功能代码
- asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
- PHP用jQuery实现无刷新验证
- jQuery实现邮箱验证
- jquery实现无刷新验证码的简单实例
- jquery实现无刷新验证码的简单实例