在php中按钮不能用怎么办,的php-jQuery .html使提交按钮不起作用

我正在使用一个简单的颜色选择器,您可以在其中单击一种颜色,然后会出现一个颜色小的示例,其中带有“提交”按钮,因此您可以选择/提交该颜色.

我使用jQuery将提交按钮添加到单击的颜色中,但由于某种原因我的提交按钮未提交.

因此,当您单击一种颜色时,此段将添加带有提交的弹出窗口:

$(this).addClass('selected_color').html(

num + '

Color value
');

提交形式为FORM,名称为“ submit_color”

PHP:

if(isset($_POST['submit_color'])) :

$_SESSION['wz_color'] = $_POST['wz_color'];

endif;

我将颜色的值放在名称为wz_color的隐藏字段中.

但是为什么我的按钮不提交?这是因为它是稍后由jquery添加的吗?

解决方法:

当您点击按钮时,点击事件会传播到< span>包含它,并且该事件处理程序再次被触发.这似乎在干扰表单提交.

尝试立即阻止它:

$(this).addClass('selected_color').html(num + '

Color value
');

$('[name=submit_color]').click(function(e) { e.stopPropagation(); });

请注意,使用$(document).on(‘click’,'[name = submit_color],function(e){…})委派取消操作不起作用,显然是因为该事件起泡到其之前的跨度一直气泡到文档.

标签:forms,submit,php,jquery

来源: https://codeday.me/bug/20191122/2059347.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: <html> <head> <title>提交手机号</title> </head> <body> <form action="active.php" method="post"> 请输入手机号:<input type="text" name="phone" /> <input type="submit" value="提交" onclick="return false;" /> </form><script> function submitForm(){ document.forms[0].submit(); } document.forms[0].getElementsByTagName("input")[1].addEventListener("click", submitForm); </script> </body> </html> ### 回答2: 要实现提交手机号给active.php并且点击提交按钮时不跳转,可以通过以下方式编写一个简单的HTML页面。 首先,创建一个名为index.htmlHTML文件,并使用如下代码: ```html <!DOCTYPE html> <html> <head> <title>提交手机号</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <h1>提交手机号</h1> <form id="phoneNumberForm"> <label for="phoneNumber">手机号码:</label> <input type="text" id="phoneNumber" name="phoneNumber" required> <br> <button type="submit" id="submitButton">提交</button> </form> <script> $(document).ready(function() { $('#phoneNumberForm').submit(function(e) { e.preventDefault(); // 阻止表单默认提交行为 var phoneNumber = $('#phoneNumber').val(); // 获取手机号输入 // 使用AJAX异步提交手机号给active.php $.ajax({ url: 'active.php', type: 'POST', data: { phoneNumber: phoneNumber }, success: function(response) { // 在成功提交后执行的回调函数 console.log(response); // 这里可以处理服务器返回的响应数据 }, error: function(xhr) { // 在提交出错时执行的回调函数 console.log('提交失败,请重试。'); } }); }); }); </script> </body> </html> ``` 上面的代码使用了jQuery库来简化AJAX请求操作。当点击按钮提交表单时,使用`preventDefault()`方法阻止表单默认的提交行为。之后,获取输入的手机号,并使用AJAX请求将手机号以POST方法发送到active.php。在成功提交后,可以在`success`回调函数处理服务器返回的响应数据,或在`error`回调函数处理提交出错的情况。 注意:为了使上述代码正常工作,需要确保你有有效的active.php文件,并将其保存在与index.html相同的目录。 ### 回答3: 要实现在点击提交按钮后不跳转的情况下将手机号提交给active.php,可以借助JavaScript的AJAX技术来异步发送请求。 以下是一个简单的实现方法: 首先,创建一个名为active.htmlHTML文件。在文件添加一个表单元素,用于输入手机号码。同时,在表单添加一个按钮元素,用于提交手机号码。还需要在页面导入jQuery库,以便使用其的AJAX功能。 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>手机号提交页面</title> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> </head> <body> <form id="myForm"> <label>手机号码:</label> <input type="text" id="phoneNumber" name="phoneNumber" required> <button type="button" onclick="submitPhoneNumber()">提交</button> </form> <script> function submitPhoneNumber() { var phoneNumber = $("#phoneNumber").val(); // 获取手机号码的值 $.ajax({ type: "POST", url: "active.php", data: { phoneNumber: phoneNumber }, // 发送的数据包括手机号码 success: function(data) { alert("提交成功!"); }, error: function() { alert("提交失败!"); } }); } </script> </body> </html> ``` 以上代码,通过`$("#phoneNumber").val()`来获取手机号码的值。然后,使用`$.ajax()`方法发送一个POST请求到active.php,将手机号码作为数据发送。如果请求成功,弹出提示框显示“提交成功”,如果请求失败,弹出提示框显示“提交失败”。 需要注意的是,这里使用了`type: "POST"`来指定请求类型为POST,`url: "active.php"`来指定请求的URL为active.php,`data: { phoneNumber: phoneNumber }`来指定发送的数据为手机号码。 在active.php,可以通过`$_POST['phoneNumber']`来获取提交的手机号码数据。 希望以上回答对您有帮助,如果还有其他问题,请随时提出。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值