个人中心
gpt4 book ai didi

javascript - Jquery 在一页上验证并提交更多表单

转载 作者：行者123 更新时间：2023-11-30 12:50:55 26 4
gpt4 key购买 nike

所以我正在处理一些调查页面。首先，我的 makesurvey.php 读取所有问题，然后创建用于编辑问题和创建新问题的页面。每个问题都有自己的形式，并且有自己的提交。然后调查的管理员可以在 makesurvey.php 页面上修复现有问题，也可以添加提交给 handlesurvey.php 的新问题，从而对数据库进行更新。这意味着在一页上我有 20 个带有提交按钮的表单。现在我意识到我遇到了更多的问题。该调查将仅由一名管理员处理。而且这个调查应用程序需要动态工作，因为管理员可以输入一些新问题，以后可以删除一些问题。一段时间后添加新问题，然后删除等等。

问题:

1.问题:当管理员想要编辑调查时如何在页面 makesurvey 上只制作一个 jQuery 函数，该函数将首先验证然后将表单提交到 handlesurvey.php。 (管理员将一次编辑一个问题并按提交)。另一种选择是为每个表单生成如此多的 js 函数，但我认为这不是合适的方式，但我认为它会工作得很好。2.问题:当管理员添加/编辑一些问题时，我的 handlesurvey.php 应该如何知道 $_POST[<some_variable>] 中的变量？ .

生成的makesurvey.php页面:

 <script type="text/javascript">
 $("form#updateQuestion").submit(function(){
var SloQuestion = $("#SloQuestion").val();
var typeQuestion=$('#typeQuestion').val();
var RadioValue1=$('#RadioValue1').val();
var RadioValue2=$('#RadioValue2').val();
var RadioValue3=$('#RadioValue3').val();
var RadioValue4=$('#RadioValue4').val();    

//HERE I WILL DO SOME VALIDATION

/*  $.post( "editSurveyHandle.php", $("form#updateQuestion").serialize())
          .done(function( data ) {
          alert("You have changed question!");
   /*     });
       return false;*/
 });      

 </script>
 </head>
 <html>
 <body>
 <form id='updateQuestion1' name='updateQuestion1' method='post' action=''>
 <input type='hidden' name='hidden' value='question1'/><table width='600px'><tr></tr>
 <tr><td width='50%' valign='top'><label for='question1'><h2>CURRENT QUESTION:          </h2></label></td></tr>
 <tr><td>SLOVENIAN </td><td width='50%' valign='top'> <label for='question1'>Some question 1 *</label></td></tr>
 <tr><td width='50%' valign='top'>TYPE QUESTION</td><td width='50%' valign='top'>RADIO BUTTON</td></tr>
 <tr><td><h4>DELETE QUESTION</h4></td><td><input type='checkbox' id='deleteQuestion' name='deleteQuestion' value='delete'/></td></tr>
 <tr><td><h4>CHANGE QUESTIOn</h4></td></tr>
 <tr><td><label>SLOVENIAN</label></td><td><input type='text' id='SloQuestion' name='SloQuestion' size='50' value ='Velikost sobe *'></td></tr>
 <tr><td>TYPE QUESTION </td><td><select id='typeQuestion' name='typeQuestion'>
 <option value='text'>Malo vnosno polje</option>
 <option value='textarea'>Textarea</option>
 <option selected='selected' value='radio'>Izbirino polje</option>
 </select></tr>
 <tr><td></td><td><input type='text' id='RadioValue0' name='RadioValue10' size='50' value ='Bad'></td></tr>
 <tr><td></td><td><input type='text' id='RadioValue1' name='RadioValue11' size='50' value ='Sufficiently'></td></tr>
 <tr><td></td><td><input type='text' id='RadioValue2' name='RadioValue12' size='50' value ='Dobro'></td></tr>
 <tr><td></td><td><input type='text' id='RadioValue3' name='RadioValue13' size='50' value ='Excelent'></td></tr>
 <tr><td></td><td><input type ='submit' id='submit' name='submit' value='Izvedi spremembe'/></td></tr>     
 </table>
 </form> 

 <form id='updateQuestion2' name='updateQuestion2' method='post' action=''>
 <input type='hidden' name='hidden' value='question2'/><table width='600px'><tr></tr>
 <tr><td width='50%' valign='top'><label for='question2'><h2>CURRENT QUESTION:</h2></label></td></tr>
 <tr><td>SLOVENIAN </td><td width='50%' valign='top'> <label for='question2'>Some question 2</label></td></tr>
 <tr><td width='50%' valign='top'>TYPE QUESTION</td><td width='50%' valign='top'>RADIO BUTTON</td></tr>
 <tr><td><h4>DELETE QUESTION</h4></td><td><input type='checkbox' id='deleteQuestion' name='deleteQuestion' value='delete'/></td></tr>
 <tr><td><h4>CHANGE QUESTIOn</h4></td></tr>
 <tr><td><label>SLOVENIAN</label></td>
 <td><input type='text' id='SloQuestion' name='SloQuestion' size='50' value ='Some question 2'></td></tr>
 <tr><td>TYPE QUESTION </td><td><select id='typeQuestion' name='typeQuestion'><option value='text'>Text field</option>
 <option value='textarea'>Textarea</option><option selected='selected' value='radio'>Radio</option></select></tr>
 <tr><td></td><td><input type='text' id='RadioValue0' name='RadioValue10' size='50' value ='Bad'></td></tr>
 <tr><td></td><td><input type='text' id='RadioValue1' name='RadioValue11' size='50' value ='Sufficiently'></td></tr>
 <tr><td></td><td><input type='text' id='RadioValue2' name='RadioValue12' size='50' value ='Dobro'></td></tr>
 <tr><td></td><td><input type='text' id='RadioValue3' name='RadioValue13' size='50' value ='Excelent'></td></tr>
 <tr><td></td><td><input type ='submit' id='submit' name='submit' value='Izvedi spremembe'/></td></tr>
 </table>
 </form>

仍然是 editSurvey.php 页面(我添加了两个，因为我不能将所有文本都放在一个文本区域中)

 <form id='updateQuestion3' name='updateQuestion3' method='post' action=''>
 <input type='hidden' name='hidden' value='question3'/>
 <table width='600px'><tr></tr>
 <tr><td width='50%' valign='top'><label for='question3'><h2>CURRENT QUESTION:</h2></label></td></tr>
 <tr><td>SLOVENIAN </td><td width='50%' valign='top'> <label for='question3'>Some question 3</label></td></tr>
 <tr><td width='50%' valign='top'>TYPE QUESTION</td><td width='50%' valign='top'>RADIO BUTTON</td></tr>
 <tr><td><h4>DELETE QUESTION</h4></td><td><input type='checkbox' id='deleteQuestion' name='deleteQuestion' value='delete'/></td></tr>
 <tr><td><h4>CHANGE QUESTIOn</h4></td></tr>
 <tr><td><label>SLOVENIAN</label></td><td><input type='text' id='SloQuestion' name='SloQuestion' size='50' value ='Some question 3'></td></tr>
 <tr><td>TYPE QUESTION </td><td><select id='typeQuestion' name='typeQuestion'><option value='text'>Textfield</option>

文本区域 radio

还有我的 handlesurvey.php 文件:

 if(isset($_POST["hiddenUpdateQuestion"])){
$username = 'root';
$password='';
$hostname='localhost';
$dbhandle = mysql_connect($hostname, $username, $password)
or die("Ni se mogoče povezati na MySQL");
$selcetedDB = mysql_select_db("amon_survey",$dbhandle);
mysql_query("set names 'utf8'");

// HERE I WILL ENTER LATER SOME QUERY 
mysql_close($dbhandle);
 }

最佳答案

在你的 handlesurvey.php 中:

if(isset($_POST["hidden"]))
{
    $username = 'root';
    $password='';
    $hostname='localhost';
    $dbhandle = mysql_connect($hostname, $username, $password)
    or die("Ni se mogoče povezati na MySQL");
    $selcetedDB = mysql_select_db("amon_survey",$dbhandle);
    mysql_query("set names 'utf8'");

    if($_POST["hidden"]=='question1'){
        //Here will be question1's query;
    }
    if($_POST["hidden"]=='question2'){
        //Here will be question2's query;
    }
}

我认为这是不言自明的，如果有什么不清楚的地方可以评论。

编辑:

很抱歉，$_POST 得到了正确的值，所以我假设 jQuery 也得到了正确的值。请查看下面的更新代码:

在 makesurvey.php 中:

<script type="text/javascript">
$(document).ready(function() {
   $('form').submit(function(e){
       e.preventDefault();
        form_id = (this.id);
        var SloQuestion =$("#"+form_id+" #SloQuestion").val(); // it's basically saying to fetch the input value of the submitted form 
        var typeQuestion=$("#"+form_id+" #typeQuestion").val();
        var RadioValue1 =$("#"+form_id+" #RadioValue1").val();
        var RadioValue2 =$("#"+form_id+" #RadioValue2").val();
        var RadioValue3 =$("#"+form_id+" #RadioValue3").val();
        var RadioValue4 =$("#"+form_id+" #RadioValue4").val();    

        alert(SloQuestion);

    //If custom validation:
        //if(form_id='updateQuestion1')
        //{//validations for #updateQuestion1}
        //if(form_id='updateQuestion2')
        //{//validations for #updateQuestion2}

      $.post( "handlesurvey.php", $("form").serialize())
              .done(function( data ) {
              alert("You have changed question!");
          });       });  
});
</script>


编辑(第二次):

我猜根据您在下面的评论，您需要知道是否选中了删除问题复选框。

您可以通过以下方式了解:

var delVal = $("#"+form_id+" #deleteQuestion ").is(':checked'); 
alert(delVal); //returns true if checked, false if not checked

稍微更正，请将您的 $.post 更改为这样，以便它只发送提交的表单:

 $.post( "handlesurvey.php", $("#"+form_id).serialize())
              .done(function( data ) {
              alert("You have changed question!");
          });

在你的 php 上:

if($_POST["hidden"]=='question1'){

        if(isset($_POST["deleteQuestion"]) && ($_POST["deleteQuestion"]=="delete"))
        {
            //Your delete query for question1
        }
}
    if($_POST["hidden"]=='question2'){

        if(isset($_POST["deleteQuestion"]) && ($_POST["deleteQuestion"]=="delete"))
        {
            //Your delete query for question2
        }
}

关于javascript - Jquery 在一页上验证并提交更多表单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20990238/

26 4 0
文章推荐： javascript - 使用 jquery 变量按宽度为 div 设置动画
文章推荐： c# - SaveJpeg 导致 "shadows"具有透明度的伪影
文章推荐： ios - 如何快速将数组映射到字典中的键？
文章推荐： C# 克隆——使用不可序列化的数据类型
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com