Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/262.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何使用HTML和jQuery进行表单验证而不重定向到其他页面?_Php_Jquery_Html - Fatal编程技术网

Php 如何使用HTML和jQuery进行表单验证而不重定向到其他页面?

Php 如何使用HTML和jQuery进行表单验证而不重定向到其他页面?,php,jquery,html,Php,Jquery,Html,我已经编写了一个HTML表单和脚本来验证表单。问题是,每当我去提交表单时,我都会被重定向到一个页面,该页面告诉我“找不到您的文件” 有没有一种特殊的方式来调用脚本?或者我可以强迫它运行而不重定向我 <form id="bioform" action="/action_page.php"> <label>Biography</label><br> <textarea placeholder="Enter bio here" name="

我已经编写了一个HTML表单和脚本来验证表单。问题是,每当我去提交表单时,我都会被重定向到一个页面,该页面告诉我“找不到您的文件”

有没有一种特殊的方式来调用脚本?或者我可以强迫它运行而不重定向我

<form id="bioform" action="/action_page.php">
  <label>Biography</label><br>
  <textarea placeholder="Enter bio here" name="bio" rows="10" cols="50"></textarea><br><br>
  <label>Update Biography Picture</label><br><br>
  <input type="file" name="bioimage"><br><br>
  <button type="submit" onclick="function()">Update</button><br>
</form>

<script>
  $(document).ready(function () {
    $('#bioform').validate({
        rules: {
          bio {
            required: true,
            minlength: 5,
          },
        }
        messages: {
          bio {
            required: 'Please enter a biography.',
            minlength: 'Please enter a valid biography.',
          },
        }
        });
  });
</script>

传记


更新传记图片



更新
$(文档).ready(函数(){ $(“#生物形式”)。验证({ 规则:{ 生物{ 要求:正确, 最小长度:5, }, } 信息:{ 生物{ 必填项:“请输入传记。”, minlength:“请输入有效的传记。”, }, } }); });
将enctype=“多部分/表单数据”添加到表单标签

    <form id="bioform" action="/action_page.php" enctype="multipart/form-data">
     <label>Biography</label><br>
     <textarea placeholder="Enter bio here" name="bio" rows="10" cols="50">
     </textarea><br><br>
     <label>Update Biography Picture</label><br><br>
     <input type="file" name="bioimage"><br><br>
     <button type="submit" onclick="function()">Update</button><br>
    </form>

传记


更新传记图片



更新

指定发送到的位置时,是否使用正斜杠?例如:

<form id="bioform" action="/action_page.php">

应替换为:

<form id="bioform" action="action_page.php">

既然您正在使用jQuery,请尝试使用以下方法:

e.preventDefault()

e.preventDefault()
方法停止 元素不发生。例如:阻止提交按钮从 提交表格。阻止链接跟随URL

此外,您需要在
标记中添加
方法
属性和
enctype=“multipart/form data”
,因为您正在处理文件上载


走到这把小提琴前,检查它是否适合你:

这似乎没有什么区别。我需要在我的目录中创建一个名为action_page.php的文件吗?我假设它会自动创建。您没有在目录中创建文件action_page.php吗?那么,您从哪里获得发布的值呢?用户应该在网页上输入值。如果您不想在目录中创建文件,请从标记中删除操作属性。这些值将发布在同一页上,您也可以将脚本放置在同一页上……删除斜杠不会改变它。我仍然被重定向。我需要在我的目录中创建一个名为action_page.php的文件吗?我假设它是自动创建的。是的,你必须在同一个目录中创建文件,因为它不是自动创建的。此外,PHP文件应该处理数据,而不是存储数据。所以我会把我的脚本放进PHP文件吗?你会在文件中放一个PHP脚本来处理信息。你可以在网站上获得教程。