Question

我有一个带有单选按钮的html表单（例如：是/否）。当我点击“是”时，某些文本框和其他元素将变为可见。点击“不”＆＃39;那些可见元素将隐藏。我的问题是，让我说点击“是”＆＃39;并出现一个文本框。但是在表单提交时，验证失败了。但是现在出现的文本框现在已经消失了，虽然单选按钮仍然是“是”＃39;我需要再次切换到“否”＃39;然后回到“是”＆＃39;为了让文本框再次出现。有谁知道如何解决它？我的代码如下。我正在使用php提交表单并进行一些验证。

＆＃13;

$('#techYes').click(function() {
  if ($('#techYes').is(':checked')) {
    $(".tempPerm").show(); //Showing the whole hidden div
  }
});

$('#techNo').click(function() {
  if ($('#techNo').is(':checked')) {
    $("#revisionTechform").val(''); //Resetting techform Revision to NIL
    $("#techFormRemarks").val(''); //Resetting techform Remarks to NIL
    $("#temp").prop('checked', false); //Resetting Temporary Radio button
    $("#perm").prop('checked', false); //Resetting permanent Radion button
    $(".tempPerm").hide(); //Hiding the whole div
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset class="form-group">
  <div class="row">
    <label class="col-sm-3 col-form-label">Techform Updated?</label>
    <div class="form-check col-sm-6">
      <input type="radio" class="form-check-input " name="techformUpdated" id="techYes" value="techYes" <?php if (isset($_POST[ 'techformUpdated']) && $_POST[ 'techformUpdated']=="techYes" ) echo "checked";?>>
      <label class="form-check-label">Yes</label>

      <input type="radio" class="form-check-input" name="techformUpdated" id="techNo" <?php if (isset($_POST[ 'techformUpdated']) && $_POST[ 'techformUpdated']=="techNo" ) echo "checked";?> value="techNo">
      <label class="form-check-label">No</label>
    </div>
  </div>
</fieldset>

＆＃13;

修改

经过多次试验，我能够使用jquery验证表单，现在我正在尝试使用AJAX方法将表单数据发送到php文件。但我仍然有问题。有人可以帮忙吗？我的代码如下。为了理解AJAX部分，我稍微编辑了代码，以免混淆其他代码。

＆＃13;

<script>
$("#submit").click(function() { 
    var prjId = $('#prjId').val();
    var flag = true;  
    if(flag) 
    {
        $.ajax({
            type: 'POST',
            url: "email_send.php",
            data: {prjId: prjId, updatedDate: updatedDate},
            success: function(response) {
            $('#result').html(response);

        });
    }
});

</script>

＆＃13;

<form method="post">       


        <div class="form-group row">
            <label class="col-sm-3 col-form-label">Project ID</label>
            <div class="col-sm-7">
                
              <?php
                if(isset($_POST['prjId'])){
                  echo '<input type="text" class="form-control" placeholder="Project ID" name="prjId" id="prjId" value="'.$_POST['prjId'].'">';  
                } else{
                  echo '<input type="text" class="form-control" placeholder="Project ID" name="prjId" id="prjId">';    
                }
                
              ?>

            </div>
        </div>
    
            <div class="form-group row">
            <label class="col-sm-3 col-form-label">Updated Date</label>
            <div class="col-sm-7">
              <?php
                if(isset($_POST['udatedDate'])){
                    echo '<input type="date" class="form-control" name = "updatedDate" value="'.$_POST['udatedDate'].'">';
                }else{
                  echo '<input type="date" class="form-control" name = "updatedDate">';  
                }
                
              ?>
              
            </div>
        </div>
    
    <div class="form-group row">
            <div class=" col-sm-3">
                <input type="submit" name ="btn-upload" class="btn btn-primary" value="Save" id="saveBtnInitial">  
            </div>
        </div>
    
    <div id="result"></div>
    
</form>

＆＃13;

email_send.php页面代码如下

＆＃13;

<?php
$prjId = $_POST['prjId'];
echo $prjId;
?>

＆＃13;

表单验证后保留单选按钮操作

0 个答案: