zoukankan      html  css  js  c++  java
  • 使用js提交form表单的两种方法

    提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交。

    1.当输入用户名和密码为空的时候,需要判断。这时候就用到了校验用户名和密码,这个需要在前端页面写;有两种方法,一种是用submit提交。一种是用button提交。
    方法一:

    在jsp的前端页面的头部插入一个js方法:

    function checkUser(){
    var result = document.getElementById("userid").value;
    var password = document.getElementById("userpassid").value;
    if(result == "" ){
    alert("用户名不能为空");
    return false;
    }
    if(password == "" ){
    alert("密码不能为空");
    return false;
    }else{
    return true;
    }
    }

    在form表单里写成这样:

    <form id="formid" name="myform" method='post' onsubmit="return checkUser();" >
    <input type="text" value="" class="text2" name="username" id="userid"/></td>
    <input type="password" value="" class="text2" name="userpass" id="userpassid"/></td>
    <input type="submit" value="" class="btn2" />
    </form>

    方法二:

    function checkUser(){
    var result = document.getElementById("userid").value;
    var password = document.getElementById("passid").value;

    if(!result){
    alert("用户名不能为空");
    return false;
    }
    if(!password){
    alert("密码不能为空");
    return false;
    }
    document.getElementById("formid").submit();
    }

    form表格的写法,需要写id
    <form id="formid" method='post'>

    button按钮的写法如下:
    <input type="button" value="" class="btn2" onclick="checkUser();" />

  • 相关阅读:
    svn 更新
    首尾渐变
    sublime常用快捷键
    【CSS3】transition过渡和animation动画
    JS实现奇偶数的判断
    style、currentStyle、getComputedStyle区别介绍
    JavaScript中判断对象类型的种种方法
    CSS3 animation动画,循环间的延时执行时间
    EMCA创建em资料库时报错
    OS Kernel Parameter.semopm
  • 原文地址:https://www.cnblogs.com/zqifa/p/js-form-1.html
Copyright © 2011-2022 走看看