jquery，Ajax判断验证码是否正确，不正确阻止提交

需要引入的js文件

<script type="text/javascript" src="__PUBLIC__/js/jquery.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery.form.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/artdialog/jquery.artDialog.js?skin={$Think.config.ART_DIALOG.skin}"></script>

js实现代码

<script type="text/javascript">
$(function(){//向客户端ajax发送数据$("#verify:text").blur(function(){var verify = $('#verify').val();var data = 'verify=' +verify;$.ajax({  type: "post", datatype:"json",  url: "__URL__/verify",data: data, success: function(data){if(data=='false'){$("form").submit(function(e){e.preventDefault();});}else{GetMoreSource()//document.getElementById('submit').submit()="false";}},error: function() { alert("error"); } , });  });
});function GetMoreSource() { data=$('.calculate').serialize();$.ajax({  type: "post", datatype:"json",  url: "__URL__/matchAdviserList",data: data, success: function(data){$("#divok").html(data);},error: function() { alert("error"); } , });
}

php验证部分代码

 //判断验证码是否正确public function verify(){$verify=$this->_post('verify');if($_SESSION['verify']==md5($verify)&&!empty($verify)){echo 'true';}else{echo 'false';}}

html部分实现代码

<body>
<form action="" method="post" id="submitForAjax" >
aaa:<select name="webtype" class="calculate"><option value="" selected></option></select><br>
bbb :<input type="text" name="dayPv" class="calculate"><br>
ccc:<input type="text" name="indexPage" class="calculate"><br>
ddd:<input type="text" name="dataCon" class="calculate"><br>
eee:<input type="text" name="verify"  nullmsg="请输入验证码" id="verify"><span id="result"></span>
<a href="#"><img id="im"  src="__APP__/User/Login/verify" οnclick="this.src='__APP__/User/Login/verify/?id='+Math.random()*5;" /></a>
<i><a href="#" title="换一张"  οnclick="document.getElementById('im').src='__APP__/User/Login/verify/?id='+Math.random()*5;">换一张</a></i>
</form>
<input type="submit" value="按钮" id="submit" ><div id="divok">
</div></body>

使用了异步验证

jquery，Ajax判断验证码是否正确，不正确阻止提交相关推荐

mvc ajax提交多选,javascript – 如何使用Jquery AJAX调用MVC Action然后在MVC中提交表单？...
在我的MVC视图我有按钮: 当我点击这个按钮我需要调用一个动作,做一些东西,然后提交我的表单. 我有这个jQuery: $('#btnSave').click(function () { $.ajax ...
jquery Ajax 通过jsonp的方式跨域提交表单
Jquery Ajax可以通过jsonp的方式跨域提交表单,至于什么是跨域提交简单说就是你的客户端和服务端不在同一个域名下或端口号不同也可以叫做跨域. 前台代码: $.ajax({type : 'ge ...
Java中判断输入错误的,判断验证码输入是否正确有关问题
判断验证码输入是否正确问题我做了个登录界面login.jsp,用session获取Servlet中产生的验证码,打印出来一看,却是上一次产生的验证码第一次打开login.jsp时,session取 ...
在以阶段划分的编译过程中，判断程序语句的形式是否正确属于（）阶段的工作。
在以阶段划分的编译过程中,判断程序语句的形式是否正确属于()阶段的工作. A.词法分析 B.语法分析 C.语义分析 D.代码生成答案:B 答案解析: 选项A这个阶段的任务是对源程序从前到后(从左到右 ...
JavaScript学习（三十一）—在输入框中如何判断输入的是一个正确的网址
JavaScript学习(三十一)-在输入框中如何判断输入的是一个正确的网址 function isUrl(url) {const a = document.createElement("a ...
C#一个完整判断18位身份证号正确函数
C#一个完整判断18位身份证号正确函数 private static bool CheckIDCard18(string CardId){string pattern = @"^\d{17} ...
JQuery Ajax后台无刷新验证用户名重复，前台验证两次密码一致，后台创建并验证验证码
写在前面写web 的人,我想最先要解决的就是注册登录的界面了,一个小小的界面却包含着各种基本的知识,让我这个新手摸了一天. 效果图知识 1.bootstrap渲染表单 2.JQuery ajax验 ...
jquery的ajax判断用户是否被占用
jquery的ajax判断用户是否被占用四种: 了解:jquery对象.load(url,params,function(数据){}); ★: $.get(url,params,fu ...
java判断出栈顺序,java判断出栈顺序是否正确
java判断出栈顺序是否正确我们知道栈是一种先进后出的数据容器.当一个栈的输入序列是递增序列(例如a,b,c,d),并且在进栈操作时,允许退栈操作,则输出的序列可能有多种形式(例如:d,c,b,a或 ...
最简单! Python判断ip地址是否格式正确
判断变量ip是否是正确的ip地址 def ip_identify(ip):try:iplist=ip.split(".")except AttributeError:return ...

jquery，Ajax判断验证码是否正确，不正确阻止提交

jquery，Ajax判断验证码是否正确，不正确阻止提交相关推荐

最新文章

热门文章