JS 表单submit() 提交无效的问题

<script>
 window.onload = login;
 function login(){
  document.getElementById("username").value = '<?php  echo $_COOKIE["username"]; ?>';
  document.getElementById("password").value = '<?php  echo $_COOKIE["password"]; ?>';
  document.getElementById("loginForm").submit();
 }
</script>

 <form id="loginForm"  action="index.php?user-login" method="post" >
  <input  id="username"    type="text" />
  <input  id="password"    type="password" />
  <input name="submit" type="submit" value="登录"/>
</form>

 

 

=======================================

 

 

JS 方法中的 submit() 不执行  页面没有跳转。

 

 

在群里 网友 帮我解答了。  很感谢。

 

 

<input name="submit" ,按钮的名字不要取成关键字
你调用submit()的时候,JS不会执行,因为有的名字叫submit

 

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
HTML和JavaScript结合可以实现验证,这是一种常用的方法,用于确保用户输入的数据符合预设的格式和规则,防止提交错误或非法数据。以下是基本的HTML和JavaScript验证的一些建议: 1. **HTML结构**: 创建一个,包含必填字段(如`<input type="text" required>`)和其他可选字段,以及提交按钮。 ```html <form id="myForm"> <label for="name">姓名:</label> <input type="text" id="name" name="name" required> <br> <label for="email">邮箱:</label> <input type="email" id="email" name="email" required> <br> <!-- 更多字段... --> <input type="submit" value="提交"> </form> ``` 2. **JavaScript验证**: 使用JavaScript来获取元素并检查输入值。这通常在的`onsubmit`事件中完成。你可以检查字段是否为空、邮箱格式是否正确等。 ```javascript document.getElementById("myForm").addEventListener("submit", function(event) { event.preventDefault(); // 阻止默认提交 var name = document.getElementById("name").value; var email = document.getElementById("email").value; if (name.trim() === "" || !isValidEmail(email)) { alert("请检查姓名或邮箱格式"); return false; // 如果验证失败,返回false阻止提交 } }); ``` - `isValidEmail` 函数是一个示例,用来检查电子邮件地址的格式,这里可以使用正则达式。 ```javascript function isValidEmail(email) { var regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; return regex.test(email); } ``` 3. **相关问题--:** 1. 验证如何防止用户提交无效数据? 2. JavaScript的`event.preventDefault()`方法在验证中有什么作用? 3. 如何使用HTML5的内置验证属性与自定义JavaScript验证配合使用?

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值