關於手機驗證碼的驗證問題-php教程-PHP中文網

關於手機驗證碼的驗證問題

WBOY

發布： 2016-09-09 08:28:03

原創

1349 人瀏覽過

在使用者註冊的時候，需要輸入一些內容，給每個表單一個flag值
當失去焦點時，檢測該表單的flag值
最後提交的時候，這些flag值都正確，才可以提交
但是問題來了：
假如現在用戶的焦點在驗證碼輸入框中，用戶輸入完驗證碼之後點擊提交按鈕註冊，沒什麼問題
因為用戶把滑鼠從驗證碼輸入框移到到提交按鈕，驗證碼的驗證工作已經完成了，它的flag值已經為真
然而如果用戶用回車鍵提交，而焦點仍然在驗證碼輸入框中，這就需要用代碼手動focusout()下

<code>$("input:focus").focusout();
for(var i=0;i<$("input").length;i++){
    if($("input").eq(i).attr('flag')==0){
        return false;
    }
}</code>

登入後複製

驗證碼放在session裡，這個時候要去後台檢測用戶的驗證碼是否正確，還沒檢測完，表單的flag值還為假，接著下面的程式碼卻執行了，就給return false了，導致表單無法提交
我也曾想過給for循環一個延時，這樣用戶提交的時候，那些該驗證的都可以驗證完成
但是這種情況，用戶什麼都不輸入，就能直接提交了，前台的驗證全部作廢
不知道我的描述是否夠清楚，有什麼沒說明白的，可以留言，感謝大家了

回覆內容：

<code>$("input:focus").focusout();
for(var i=0;i<$("input").length;i++){
    if($("input").eq(i).attr('flag')==0){
        return false;
    }
}</code>

登入後複製

你可以在將要提交的時候再把所有的檢驗條件都執行一遍，在去檢查所有的flag是否為真。

可以直接提交驗證碼的輸入值和後台的session做比較呀，為啥要提交一個前端驗證的標記呢？前端所有提交的東西都可以偽造的。

你提交之前再加個ajax事件，也就是判斷驗證碼是否正確，正確再提交，不正確彈窗，不提交。
就能防止上述的情況了。

<code>$("input[type=submit]").click(function(){
    $("input:focus").focusout();
    // 检测延时50s左右
    setTimeout(function(){
        var submitFlag=true;
        // 两个for循环可以抽出一个函数
        for(var i=0;i<$("input").length-2;i++){
            if($("input").eq(i).attr('flag')==0){
                submitFlag=false;
            }
        }
        if(submitFlag){
            $("form").submit();
        }
    },100);
    for(var i=0;i<$("input").length-2;i++){
        if($("input").eq(i).attr('flag')==0){
            return false;
        }
    }
});</code>

登入後複製