有偿求助，注册页面的图形验证码刷新

[jtam]

用 ecstore 搭建的网店，注册页面如下图：
http://i.imgur.com/PZb51vQ.png

如果输入了错误的图形验证码并点击“获取短信验证码”，原来的图形验证码不会自动刷新，短信平台商说这样不科学，不给提供发短信服务。

所以求懂前端童鞋帮忙处理一下这个问题，移动端注册页面也有同样的需求，理论上可以同理一并解决，搞定之后会有一些现金感谢。

网址就不贴了，有兴趣的童鞋请加我微信 yixtan 了解更多。

我 js 0 基础，你们说的我都不懂，¥300 现金求愿意动手的童鞋帮个忙，有兴趣的请加微信。

PC 端： http://shop.aishicai.com/passport-signup.html
移动端： http://shop.aishicai.com/wap/passport-signup.html

谢谢各位

[zhantss]

发送短信请求前 ajax 验证下验证码 失败刷新验证码图片 成功继续发送短信请求
不难啊 难道我理解错了？

[yangqi]

目前的验证码点击会刷新不？这样的话短信验证失败后， js 模拟点击验证码不就可以了。如果现在的验证码也不能刷新，那当我没说

[jtam]

@yangqi 手工点击验证码可以刷新，问题出在我不懂怎么 js 模拟点击。

[jtam]

@zhantss 我也认为不难，但是我不懂 js 。

[invite]

看不到图片。

[fwings260]

可以绑定一个失焦事件，采集你验证码输入框的文本用 ajax 发送后台验证，如果错误提示框显示“验证码错误”刷新验证码呗
或者可以直接表单提交，如果验证不通过（不管验证码还是密码）统统重新生成验证码发过来不就好了么

[zi]

jquery 的话， trigger 一下验证码的 click 事件就行了。

[leeyuzhe]

你直接贴代码，免费就帮你解决了，你这样扭扭捏捏，出 300 块也不一定有人干

[jtam]

@leeyuzhe 真的不是扭捏，是我实在不知道该贴哪一段代码，发网站又好像在做广告

[Moker]

最后发个链接出来好测试

[zonghua]

外联的元素不用 ajax ，你用 javascript 更改一下 img 的 url 就行，随机加一个 Date.now 或者 Math.random ()都可以，浏览器就会去请求

[Moker]

表示没看到获取短信验证码的东西

[ljcarsenal]

现在不是可以了么

[jtam]

@Moker 用户名填一个手机号码，就看到了

[loading]

如果被免费解决，建议将 300 元改成红包，贴这里，大家抢一下 233

[zikkeung]

300 快我来了

[jtam]

@ljcarsenal 输一个错的图形验证码，提示错误之后还是原来的码，运营商说这样不行，要刷新一次。

[Moker]

@loading 这个提议好

@zikkeung 快点发红包

[ljcarsenal]

为什么我这边不是 我输入的是错误的，提示之后就换了

[Moker]

看了下代码大概在#298
对返回的错误时 修改一下图片的 src 属性

[jtam]

@loading 这里如何贴红包？

[b821025551b]

trigger 一下“看不清楚?换一个”

[colonel]

passport-signup.html

function sendVerify (el, data ) {
var url = el.href;
var textCont = el.getElement ('span span');
el.addClass ('disabled');
textCont.innerHTML = el.get ('text') + '(<i>0</i>)';
var cd = new countdown (textCont.getElement ('i'), {
start: 120,
secondOnly: true,
callback: function (e ) {
el.removeClass ('disabled');
textCont.innerHTML = '重发验证码';
}
});
Query.send (url, el, data, function (rs ) {
if (rs.error ) {
changeCode (Module.element (modname, 'img.auto-change-verify-handle'));
cd.stop ();
el.removeClass ('disabled');
textCont.innerHTML = '重发验证码';
}
});
}

[Paranoid]

手机界面 可以这样 　　手机界面还验证码本身就有 bug
sendVerify 函数 rs.error 后面+上下面 3 行 （ FF +chrome 测试过）　　
var newImage = new Image ();
newImage.src = $(".auto-change-verify-handle").attr ("src")+"?time="+new Date ();
$(".auto-change-verify-handle").attr ('src', newImage.src );

[Paranoid]

手机界面换验证码本身就有 bug

[jtam]

感谢第一位和第二位加我微信并帮我完美解决问题的两位同学。
同时也感谢其他在本贴中提供方法和思路的好同学们。

[wd0g]

来晚了,我的 300 红包啊

[pysama]

来晚了。哈哈哈
在“点击获取短信验证码”的时候先 ajax 校验验证码是否正确，如果不正确，执行刷新验证码的方法（不一定要想到去模拟点击）

[xifangczy]

模拟点击。。和不刷新有什么区别.. 禁止 JS 后不一样没效果。。又多一个短信轰炸接口。