如何使用驗證

我想補充谷歌驗證碼驗證與谷歌建立驗證碼我所有的領域都工作正常，但是當我加入谷歌驗證碼不是它不工作下面我列舉我的代碼。在此先感謝..還要檢查以下鏈接點擊此處Form live link 如何使用驗證

$('#test').bootstrapValidator({ 
 
    feedbackIcons: { 
 
     valid: 'glyphicon glyphicon-ok', 
 
     invalid: 'glyphicon glyphicon-remove', 
 
     validating: 'glyphicon glyphicon-refresh' 
 
    }, 
 

 

 
    fields: { 
 
    firstName: { 
 
       validators: { 
 
        notEmpty: { 
 
         message: '<span class="error-msg">A name is required.</span>' 
 
        } 
 
       } 
 
      }, 
 
     email: { 
 
      validators: { 
 
       notEmpty: { 
 
        message: '<span class="error-msg">An email address is required.</span>' 
 
       }, 
 
       emailAddress: { 
 
        message: '<span class="error-msg">Email address is not valid.</span>' 
 
       } 
 
      } 
 
     }, 
 
    phone: { 
 
       validators: { 
 
        notEmpty: { 
 
         message: '<span class="error-msg">A phone number is required.</span>' 
 
        } 
 
       } 
 
      }, 
 
    state: { 
 
       validators: { 
 
        notEmpty: { 
 
         message: '<span class="error-msg">A state is required.</span>' 
 
        } 
 
       } 
 
      }, 
 
    value: { 
 
       validators: { 
 
        notEmpty: { 
 
         message: '<span class="error-msg">A property value is required.</span>' 
 
        } 
 
       } 
 
      }, 
 
    loan_amount: { 
 
       validators: { 
 
        notEmpty: { 
 
         message: '<span class="error-msg">A loan amount is required.</span>' 
 
        } 
 
       } 
 
      }, 
 
    loanpurpose: { 
 
       validators: { 
 
        notEmpty: { 
 
         message: '<span class="error-msg">A loan purpose is required.</span>' 
 
        } 
 
       } 
 
      }  
 
    } 
 
}); 
 

 

 
    $('#test').on('status.field.bv', function(e, data) { 
 
     formIsValid = true; 
 
     $('.form-group',$(this)).each(function() { 
 
      formIsValid = formIsValid && $(this).hasClass('has-success'); 
 
     }); 
 
     
 
     if(formIsValid) { 
 
      $('.submit-button', $(this)).attr('disabled', false); 
 
     } else { 
 
      $('.submit-button', $(this)).attr('disabled', true); 
 
     } 
 
    });

input[type="submit"]:disabled { 
 
    background-color: red; 
 
} 
 
.error-msg{ 
 
color:#fff;}

<script src="http://skyliteweb.in/form/jquery.min.js"></script> 
 
<script src="http://skyliteweb.in/form/0a3b9034e109d88d72f83c9e6c9d13b7.js"></script> 
 
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" > 
 
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" > 
 
<form id="test" action="test.php"> 
 
     
 
     <div class="form-group"> 
 
      <input type="text" class="form-control" name="firstName" placeholder="First name" /> 
 
     </div>   
 
    
 
    <div class="form-group"> 
 
     <input class="form-control" name="email" type="text" size="35" placeholder="Email*"></input> 
 
    </div> 
 
\t <div class="form-group"> 
 
      <input class="form-control" type="text" id="phone" name="phone" placeholder="Phone Number:" /> 
 
     </div> 
 
\t \t <div class="form-group"> 
 
      <select class="select form-control" id="state" name="state"> 
 
     <option value="">Select State</option> 
 
\t <option value="Arizona">Arizona</option> 
 
\t <option value="California">California</option> 
 
\t <option value="Colorado">Colorado</option> 
 
\t <option value="Florida">Florida</option> 
 
\t <option value="Georgia">Georgia</option> 
 
\t <option value="Idaho">Idaho</option> 
 
\t <option value="Louisiana">Louisiana</option> 
 
\t <option value="Maryland">Maryland</option> 
 
\t <option value="Massachusetts">Massachusetts</option> 
 
\t <option value="Nebraska">Nebraska</option> 
 
\t <option value="New Mexico">New Mexico</option> 
 
\t <option value="North Carolina">North Carolina</option> 
 
\t <option value="Oregon">Oregon</option> 
 
\t <option value="Pennsylvania">Pennsylvania</option> 
 
\t <option value="South Carolina">South Carolina</option> 
 
\t <option value="Texas">Texas</option> 
 
\t <option value="Utah">Utah</option> 
 
\t <option value="Virginia">Virginia</option> 
 
\t <option value="Washington">Washington</option> 
 
\t <option value="Wyoming">Wyoming</option> 
 
     </select> 
 
     </div> 
 
\t \t <div class="form-group"> 
 
      <input class="form-control" id="value" type="text" name="value" placeholder="Value" /> 
 
     </div> 
 
\t \t <div class="form-group"> 
 
      <input class="form-control" id="loan_amount" type="text" name="loan_amount" placeholder="loan Amount" /> 
 
     </div> 
 
    <div class="form-group"> 
 
      <select class="select form-control" id="loanprogram" name="loanpurpose" > \t \t \t 
 
     <option value="">Loan Purpose</option> 
 
\t <option value="Purchase">Purchase</option> 
 
\t <option value="Refinance Current Loan">Refinance Current Loan</option> 
 
\t <option value="Refinance &amp; Cash-Out">Refinance &amp; Cash-Out</option> 
 
     </select> 
 
     </div> \t 
 
<div class="g-recaptcha" data-sitekey="6Le-AR0TAAAAAPJ_jRb62dQlMWSoLl0a1P73NxJW"></div> 
 
    <input class="btn btn-lg btn-success submit-button" style="width: 100%;" value="Sign Up!" type="submit" disabled></input> 
 
</form>

來源

2016-07-18 Enthusiast Programmer

我在任何地方都看不到Google驗證碼？ – Aziz

我還沒有現在加入.. –

不檢查我已經添加了圖形驗證碼.. –

您可以使用「GETRESPONSE（）」預定義功能進行驗證。

function control(){ 
    var msg = ''; 
    if($('#name').val() == '') msg += 'Invalid Name'; 
    if($('#email').val() == '') msg += 'Invalid Email'; 
    if($('#phone').val() == '') msg += 'Invalid Phone'; 

    if(!grecaptcha.getResponse()) msg += 'Please confirm you are not a robot'; 
    if(msg){ 
     alert(msg); 
     return false; 
    } 
}

來源

2016-07-18 11:33:26

但我還需要驗證相同的功能..提交不可見的，而用戶不填寫所有必填字段... –

如果（！grecaptcha。的GetResponse（））MSG + = '請確認您不是機器人';這條線驗證驗證碼在前端側。點擊這裏http://www.turkishfx.com/tr/basvuru/demo看到一個例子。 –

如何使用驗證

回答

相關問題