2015-03-05 4 views
-3

Это моя форма, прежде чем я использую тип ввода = submit, но теперь я использую состояние проверки, поэтому мне нужно включить тип ввода = кнопка, моя проблема Как я могу отправить эту форму с помощью кнопки?Как я могу отправить форму с использованием типа ввода = button

// HTML КОД

<div class="panel-body" style="width:700px;"> 
    <form class="form-group" method="post" id="question_form"> 
     <div class="form-group"> 
      <label>Your email address<span style="color:#FF0000">*</span></label> 
      <input type="text" name="email" size="80" class="form-control" id="emailq" placeholder="Enter you email address"> 
     </div> 
    <div class="form-group"> 
     <label>Message<span style="color:#FF0000">*</span></label> 
     <textarea rows="8" cols="50" class="form-control" name="message" id="messageq" placeholder="What is your concern?"></textarea> 
    </div> 
    <div class="form-group"> 
     <label style="width:170px;">Enter the code you see<span style="color:#FF0000">*</span></label> 
     <span style="background:#CCC; font-size:20px; color:#000; padding-top:5px; padding-bottom:5px; padding-left:30px; padding-right:30px"><?=$random_text?></span> 
     <input type="text" size="80" name="uIcaptcha" class="form-control" id="codeq" placeholder="This code is for security purposes only."> 
    </div> 
    <div class="form-group"> 
     <input type="hidden" name="captcha"> 
     <input type="button" id="question_submit" name="submit" value="Send Request" class="btn btn-primary"> 
    </div> 
    </form> 
</div> 

// JS КОД

function validateText(id){ 
if($("#"+id).val()==null || $("#"+id).val()=="") 
{ 
    var div = $("#"+id).closest("div"); 
    div.removeClass("has-success"); 
    $("#gly"+id).remove(); 
    div.addClass("has-error has-feedback"); 
    div.append('<span id="gly'+id+'" class="glyphicon glyphicon-remove form-control-feedback"></span>'); 
    return false; 
}else{ 
    var div = $("#"+id).closest("div"); 
    div.removeClass("has-error"); 
    div.addClass("has-success has-feedback"); 
    $("#gly"+id).remove(); 
    div.append('<span id="gly'+id+'" class="glyphicon glyphicon-ok form-control-feedback"></span>'); 
    return true; 
} 

}

$(document).ready(
function() 
{ 
    $("#question_submit").click(function() 
    { 
     validateText("emailq"); 

     validateText("messageq"); 

     validateText("codeq"); 


     $("form#question_form").submit(); 

    }); 
} 

);

// PHP КОД

if(isset($_POST['submit'])){ 
$email = $_POST['email']; 
$message = $_POST['message']; 
$captcha = $_POST['captcha']; 
$user_Input = $_POST['uIcaptcha']; 

$exists = mysqli_query($con,"SELECT * FROM users WHERE email = '".$email."'"); 
if(!empty($email) and !empty($message)and !empty($user_Input)){ //check if empty 

    if(mysqli_num_rows($exists) > 0){ //check if email is valid 

     if($captcha == $user_Input){ //check if captcha is correct 
      echo 'Query Here'; 

     } else{ 
      $error_code = 'Please enter correct code.'; //close if captcha checking 
     } 

    }else{ 
     $error_email = 'Please enter the valid email address'; // close if email validation   
    } 
}else{ 
    $error = 'Please fill up all information!'; //close if empty checking 
} 

}

+0

если возвращаемое значение пусто, тогда вы хотите спрятать поле поиска. я прав? – Shridhar

+0

да вот что я хочу .. –

+1

Вы должны быть более конкретным. Что такое 'data' (как вы определяете, если он пуст) и что вы хотели бы скрыть? –

ответ

0
function getStates(value) { //this my code that show result 
    $.post("search.php", {name:value},function(data){ 
     $("#results").html(data); 
     if(!data) { 
     alert("i am blank and hiding result text box"); 
     $("#results").hide(); 
     } 
    }); 
} 

Позвольте мне знать, если это не работало.

+0

did'nt work mr shridhar –

0

вы можете просто вставить скрытую кнопку в любой форме: например:

<div class="form-group"> 
    <input type="hidden" name="captcha"> 
    <input type="button" id="question_submit" name="fakeSubmit" value="Send Request" class="btn btn-primary"> 
    <input type="submit" name="submit" id="submit" style="display:none;"/> 
</div> 

, а затем просто вызвать щелчок на самом деле submitbutton, когда и нажмите поддельной один

jQuery('#question_submit').click(function(){jQuery('#submit).toggle('click')}); 

Thats как я всегда это делаю , а затем вы можете просто добавить, если (условия) до щелчка реального скрытого отправления называется

Надеюсь, я смогу вам помочь

Смежные вопросы