js提交表单

最新推荐文章于 2024-05-05 23:19:19 发布
最新推荐文章于 2024-05-05 23:19:19 发布
阅读量927 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32067151/article/details/89082447
版权

核心： document.getElementById("formid").submit(); 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆界面</title>
    <link rel="stylesheet" href="index.css">
    <style>
        *{
        margin: 0;
        padding: 0;
        list-style: none;
        }
        body{
            width:100%;
            background-image: url('img/bg.jpg');
            background-size: cover;
        }
        .main{
           width:40%;
           margin-left:30%;
           margin-right:30%;
           margin-top:200px;
        }
        .header{
           margin-top:100px;
           height:100px;
           text-align:center;
           font-size:60px;
           font-family: 华文新魏;
           color: #dacc3e;
        }
        .headline{
            font-size: 22px;
            text-align: center;
            color:  #fffefd;
        }
        input[type="text"],
        input[type="password"],
        input[type="button"]{
            -web-kit-appearance:none;
            -moz-appearance: none;
            display: block;
            margin: 0 auto;
            font-size:15px;
            width: 35%;
        }
        input[type="text"],
        input[type="password"]{
            height:36px;
            border-radius:18px;
            border:1px solid #c8cccf;
            color:#6a6f77;
            outline:0;
        }
        input[type="button"]{
            margin-top: 25px;
            height: 35px;
            background: #357eb8;
            color: #bcedff;
            font-weight: bold;
            font-size: 16px;
            border-radius:18px;
        }
        input[type="button"]:hover{
            background: #0e62a3;
            cursor: pointer;
        }
        .astyle{
            margin-left:35%;
            margin-right:35%;
            font-size:17px;
            color: #6a6f77;
       }
       .astyle{
            color:#fff5d3;
            margin-top: 20px;
       }
       .isLogin{
       text-align: center;
       color: red;
       }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">红星医院后台管理系统</div>
        <!-- 主体内容 （登陆界面）--><div class="main">
                    <form:form id="formid" action="adminlogin" modelAttribute="admin" method="post">
                        <p class="headline"><strong>超级管理员登陆</strong></p>
                        <p class="astyle">用户账号：</p>
                        <form:input type="text" id="id" placeholder="请输入账号" path="id" />
                        <p class="astyle">密码：</p>
                        <form:input type="password" id="adminpassword" placeholder="请输入密码" path="adminpassword" />
                        <input type="button" value="登陆" name="login" onclick="adminsubmit();"><br>
                        <c:if test="${loginflag}">
                        <p class="isLogin">密码或账号错误</p>
                        </c:if>
                    </form:form>
        </div>
        
    </div>
   <script type="text/javascript">
    function adminsubmit()
    {
        //获取用户账号
        var account=document.getElementById("id").value;
        //alert(account);
        //获取用户密码
        var password=document.getElementById("adminpassword").value;
        //提交标志
        var flag=true;
        //正则表达式
    	var reg=new RegExp("^([1-9][0-9]*)$");
        //验证账户不为空
        if(account.toString()=="")
        {
            alert(100);
            flag=false;
            alert("对不起！账号不能为空");
        }else
        {   //验证不为0开头并且不含有其他字符
        	if(!reg.test(account)){
        		flag=false;
                alert("对不起! 账号起始不能为0");
           }else{
        	   //验证密码不能为空
               if(password=="")
               {
                   flag=false;
                   alert("对不起！密码不能为空，并且不含有其他非数字字符");
               }
        	
           }
        }

        //判断是否提交
        if(flag==true)
        {
            document.getElementById("formid").submit();
        }

    }
</script>
</body>
</html>

 

好__好
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2021-05-18
lxy9876的博客
05-18 137
在Controllers添加控制器IndexController。（控制器的名字可以自定义！） 在控制器添加视图。有一个弹出框选项的布局页不用勾选。 跳转到视图。插件是bootstrap-4.1.3-dist/css/bootstrap.min.css。没有的自己去找。 然后写你需要表达的方法。比如姓名，性别等。 还有在name自定义一个名字。别忘了还有id。 把自己需要的按钮写出来。 GET提交 button按钮里的异步get提交可以自定义。 button按钮里的oncli..
html 表单 js 提交,js实现表单提交submit()，onsubmit
weixin_32287563的博客
06-23 1702
通常表单的提交有两种方式，一是直接通过html的form提交，代码如下：但有时候我们会出于安全角度考虑，给用户输入的密码进行加密，方法一就没办法解决这个问题，这时候我们同常会选择另一种方法，使用javaScript来进行表单提交，代码入下：提交var form = document.getElementById('test_form');//再次修改input内容form.submit();这种方...
2024年Java最新js校验表单后提交表单的三种方法总结【转载】，spring自动装配原理面试
最新发布
wsjh156456的博客
05-05 595
既然选择这个行业，选择了做一个程序员，也就明白只有不断学习，积累实战经验才有资格往上走，拿高薪，为自己，为父母，为以后的家能有一定的经济保障。学习时间都是自己挤出来的，短时间或许很难看到效果，一旦坚持下来了，必然会有所改变。不如好好想想自己为什么想进入这个行业，给自己内心一个答案。面试大厂，最重要的就是夯实的基础，不然面试官随便一问你就凉了；其次会问一些技术原理，还会看你对知识掌握的广度，最重要的还是你的思路，这是面试官比较看重的。
html表单处理js,javascript处理表单示例(javascript提交表单)
weixin_34541572的博客
06-21 236
/*** Generic Form processing js* @author Anthony.chen*//*** Push button action [btn_action]data into form* If there is prescript , run the pre script*/"use strict";//All ajax request are synchronized ...
如何使用js来提交表单（fetch ajax）
qqqweiweiqq的博客
12-10 456
前端
javascript处理表单示例(javascript提交表单)
10-26
主要介绍了javascript处理表单示例,处理 各种表单, 以及链接,按钮的通用组件,需要的朋友可以参考下
js提交form表单,并传递参数的实现方法
10-22
下面小编就为大家带来一篇js提交form表单,并传递参数的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js 提交和设置表单的值
10-30
1. 表单提交：使用 JavaScript 可以实现表单的提交，例如使用 `document.form.submit()` 或 `document.getElementById("formId").submit()` 等方法提交表单。 2. 表单值设置：可以使用 JavaScript 对表单的值进行...
用js提交表单解决一个页面有多个提交按钮的问题
12-29
用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本，然后再执行相应的动作，比较简单。 <pre class=javascript name=code>function check(txt){ $j(form).submit(function(){ if($txt==提交)...
利用JS提交表单的几种方法和验证(必看篇)
10-21
因此，使用JavaScript提交表单时，应确保代码在所有目标浏览器中都能正常工作。可以使用像jQuery这样的库来帮助处理跨浏览器的兼容性问题。 **总结** JavaScript提供了多种方式来控制表单的提交和验证过程，每种...
JavaScript的form表单提交
God_JM的博客
04-10 619
开发工具与关键技术： VS 与 JS 作者：摆烂小明 撰写时间：2022 年 4 月 6 日 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ JavaScript是一门脚本语言。 1、脚本语言：又被称为扩建的语言，或者动态语言，是一种编程语言，用来控制软件应用程序，脚本通常以文本（如ASCII)保存，只在被调用时进行解释或编译。 2、汇编语言：（assembly language）是一种用于电子计算
用js提交表单
Move_now的博客
10-13 894
button按钮使用javascript提交表单：代码如下：<form id = "submit"action = "your_address" method = "post"> <!--your_address填写要提交的地址--> <input type = "button" value= "提交" onclick = "my_submit()"> </form <script> funct
同一个页面中建立两个表单 各自提交
kunkun378263的专栏
05-19 1951
办法1.同一个页面中建立两个表单 各自提交：     办法2：如果非要只有一个表单的话，通过js提交： function submitYouFrom(path){  $('form1').action=path;  $('form1').submit(); }
form提交表单_利用js提交form表单的方式
weixin_39974030的博客
11-29 2609
第一种方式：表单提交，在form标签中增加onsubmit事件来判断表单提交是否成功<script type="text/javascript">function validate(obj) {if (confirm("提交表单?")) {alert(obj.value);return true;} else {alert(obj.value);return false;}}</...
Form表单自动提交
m0_57448314的博客
06-06 2938
表单提交是提交到指定的地址。 知识点： 1.创建一个项目，引入需要用到的CSS、JS、jQuery文件。既然是表单就会使用栅格布局。 2.栅格布局就要使用到container或 .container-fluid容器。 3.代码打出“form”点击“TAB”，即可自定生成（如下图）： 4.action：提交的地址 method：提交的方式 5.常用的两种提交方式：post（这里使用post提交方法）、get（默认的提交方式）。 6.表单元素 <i...
js表单动态添加数据并提交
u012794845的专栏
03-29 1281
v情景1：已经存在form对象了，动态为form增加对象并提交 function formAppendSubmit(){ var myform=$('#newArticleForm'); //得到form对象 var tmpInput=$("<input type='text' name='blogArticleForm.articleContent'/&...
前端页面使用原生js提交get或post请求表单
alan_liuyue的博客
04-29 7799
前言 前端界面一般都可直接在html定义form表单，然后提交表单，使用jquery提交get或者post请求； 然而有种需求就是在不使用jquery的前提下，用原生js提交get或post请求； 实践 原生js一般请求url方式： window.location.href = "url"; 原生js提交get或post请求表单： var url = path + '/test/te...
使用js提交form表单
蓝天白云
08-26 316
今天郁闷半天，最后发现使用了 之后再使用 document.getElementById("login").submit(); 就无法submit。 例如： function form_submit(){ document.getElementById('login').action=""; document.getElementById('login').s...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值