关于Form表单的提交与验证？？？

最新推荐文章于 2021-09-15 15:29:30 发布
最新推荐文章于 2021-09-15 15:29:30 发布
阅读量6.6k 收藏 1
点赞数
分类专栏： HTML/Javascript 文章标签： stylesheet action button input login javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ming470612141/article/details/2467961
版权

<html>
 <head>
  <title>多媒体实验</title>
  <!--<link href="css/style.css" rel="stylesheet" type="text/css" />
  <link href="skin/player4.css" rel="stylesheet" type="text/css" id="cssfile" />-->
  <script language="javaScript">
    function userLogin(obj){
  var userName=document.mediaForm.userName.value;
  var userPwd=document.mediaForm.userPwd.value;
  var flag=true;
  if(userName==""){
   alert("用户名不能为空");
   flag=false;
  }
  if(userPwd==""){
   alert("用户密码不能为空");
   flag=false;
  }
  if(flag){
   document.mediaForm.click_action.value=obj.value;
   document.mediaForm.action="http://127.0.0.1:80/cgi-bin/FirstEmbedPrj.cgi";
   document.mediaForm.submit();
  }
 }
  </script>
 </head>
 <body bgcolor="#999999">
  <center>
   <form name="mediaForm" method="post" action="">   
     <br /><br /><br /><br />
  <table cellpadding="2" cellspacing="2" align="center" bgcolor="#FF0000" style="color:#00FF00" border="2">
   <tr>
     <td colspan="2" align="center">用户登陆</td>
   </tr>
   <tr >
    <td>用户名:</td>
    <td><input type="text" name="userName" value=""/></td>
   </tr>
   <tr>
    <td>密  码:</td>
    <td><input type="password" name="userPwd" value=""/></td>
   </tr>
      <tr>
    <td align="center"><input type="submit" name="sub" value="login" οnclick="userLogin(this);"/></td>
     <td align="center"><input type="button" name="smt" value="login_sub" οnclick="userLogin(this);"/></td>
    <td align="center"><input type="hidden" name="click_action" value=""/></td>
    <td align="center"><input type="reset" name="ret" value="reset"/></td>
   </tr>
  </table>
   </form>
  </center>
 </body>
</html>

----------------------------------------------------------------------------------------------------------------------------------------------

从中得到的知识为：

1.当提交时type="submit"的按钮的值会传到服务器中，形式为:name=value，上面为sub=login

2.当提交时type="button"的按钮的值不会传到服务器中

3.当将form改为：<form name="mediaForm" method="post" action="http://127.0.0.1:80/cgi-bin/FirstEmbedPrj.cgi">

    （a）点击type="submit"的按钮提交时，即使表单验证不成功，照样会提交表单。当表单action为空时

    验证不成功时，也会提交表单，不过效果相当于刷新该页面而已。

    （b）点击type="button"的按钮提交时，表单验证不成功时，即使表单action不为空，也不会提交

ming470612141
关注
专栏目录
微信小程序开发中的表单提交与数据验证
wx_linying1029的博客
08-13 460
在代码中，我们首先通过bindsubmit属性绑定了表单提交事件submitForm，当用户点击提交按钮时，该事件会触发。在路由中，我们通过req.body获取到表单数据，并进行了与前端相同的数据验证。数据验证指的是在表单提交前，对用户输入的数据进行验证，确保数据的合法性。在表单提交之前，我们通过validateFormData方法对数据进行了简单的验证，但这种验证只是前端验证，不能完全保证数据的合法性。通过对表单数据的前端和后端验证，我们可以确保数据的合法性，并提供友好的错误提示。
JQuery实现表单完全验证通过后提交表单（包括手机验证，邮编验证）
12-03
很多时候我们在提交表单时都需要对提交的数据进行校验，例如：用户名是否为空，手机格式是否正确...,如果有一项或多项验证不通过，就会给出提示，并不允许表单提交。本人还是初级王，代码写的水平不高，但是还是能实现功能的。
form的onsubmit事件--表单提交前的验证最佳实现方式
weixin_30408675的博客
08-08 140
连续2天，在进行form表单包括上传表单的提交操作时，刚开始用struts2自带的上传模式与后台进行交互，但原来的页面是用html做的，不能通过国际化资源来返回后台操作的错误信息于静态的html，之后我又百度了许多ajax异步与后台交互的方法，如ajaxForm，ajaxSubmit，ajaxFileUpload等，用的是心力交瘁，各种错误抛出，然后还尝试easyui的表单提交，还是不成...
form 表单验证提交
hm446434459的专栏
04-07 1867
<br /><script type='text/javascript'><br /> function  checkForm()<br /> {<br />     $flag = true; <br />  if(Common.isPassword($('#password').val()))<br />  {<br />   $('#message_password').html(' ');<br />   $('#message_password').attr('class','Tips-corre
form表单提交前验证
xjt_1993的博客
11-15 608
第一种方式:          function check(form) {           if(form.userId.value=='') {                 alert("请输入用户帐号!");                 form.userId.focus();                 return false;           
form表单的集中提交方法
09-03 367
最近研究了下html中，form保单提交的几种方法 方法一：利用form的onsubmit()函数（经常使用） Html代码 <scripttype="text/javascript"> functionvalidateForm(){ if(document.reply.title.value==""){/...
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
01-19
1. 先说表单提交前验证：后台经常用到（这里是提交后统一验证，及时验证请参考我另一篇文章 http://blog.csdn.net/jianzhonghao/article/details/52503431） 1.1 通过submit 按钮提交后 会根据form的属性action=...
php curl模仿form表单提交图片或文件
01-13
在本文中，我们将深入探讨如何使用PHP的cURL库来模仿form表单提交，特别是提交图片或文件。我们将结合ThinkPHP5（简称TP5）框架来展示一个实际的例子。 首先，了解cURL。cURL是一个客户端URL传输库，它支持多种协议...
Bootstrap 表单验证formValidation 实现表单动态验证功能
12-11
Bootstrap 表单验证formValidation库是一个强大的前端验证工具，它允许开发者轻松地为HTML表单添加验证规则，提供用户友好的交互体验。本教程将详细介绍如何利用formValidation实现动态添加输入框并添加新的验证方式...
微信小程序表单验证form提交错误提示效果
10-18
-- 这里展示了form表单的结构 --> <form bindsubmit="goDetail"> 请输入留言内容" name="textarea"> <button class="informBtn" form-type="submit">确认发布 </form> ``` ```css /* 这里展示了对应样式 */ .ad_...
form提交验证
qq_20426717的博客
03-29 161
var saveoptions = { beforeSubmit: function () { $("#loadingpannel").html("正在保存数据......").show(); return true; }, ...
form表单提交校验
weixin_34097242的博客
01-07 504
<form id="myForm" action="http://www.365mini.com" method="post"> <input id="name" name="name" type="text" value="CodePlayer" /><br> <input id="age" name="age" type="te...
11.vue实战--form表单字段验证提交验证
dream_back的博客
03-20 1833
一.form表单字段验证 Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可 1.form中的rules属性绑定rules 2.form-item中的prop绑定对应的字段 3.在data中return对应的返回规则 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-rule
form 表单提交前验证
热门推荐
chelen_jak的专栏
07-30 1万+
原文出处：http://www.cnblogs.com/xudong-bupt/p/3949631.html 可以使用form表单的onsubmit方法，在提交表单之前，对表单或者网页中的数据进行检验。 onsubmit指定的方法返回true，则提交数据；返回false不提交数据。 直接看下面的代码： 1 HTML> 2 head> 3 m
Form验证提交
ThinkingLink的专栏
05-04 743
Form验证提交的两类写法
【五 form提交及校验】 1. form表单提交
weixin_34051201的博客
12-08 633
为什么80%的码农都做不了架构师？>>> ...
form表单校验
qq_43780814的博客
09-15 252
//提交 submit(form, valid) { //valid = false if(valid) { } },
Django Form表单验证详解与应用
"本文主要介绍在Python的Django框架中如何使用form表单进行数据验证。" 在Django框架中，form表单是用于处理用户输入数据和进行验证的重要工具。它提供了一种优雅的方式来确保用户提交的数据符合预设的规则，从而...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值