Javascript 如何禁用表单提交函数JSP_Javascript_Jquery_Jsp

Javascript 如何禁用表单提交函数JSP

javascript jquery jsp

Javascript 如何禁用表单提交函数JSP,javascript,jquery,jsp,Javascript,Jquery,Jsp,我有两个单选按钮（是和否），当用户选择是时，将出现一组文本框，并且需要至少有一个条目才能提交。如果用户选择“否”，则他/她可以提交，而无需输入任何内容。除了“不”部分，我的一切都正常。验证功能在表单内部工作，当所选按钮为“否”时，是否有任何方法可以禁用它函数checkEvent（）{ 控制台日志（“infunc”）； if（document.getElementById（'events_yes'）。选中）{ document.getElementById（'if\u events\u ye

我有两个单选按钮（是和否），当用户选择是时，将出现一组文本框，并且需要至少有一个条目才能提交。如果用户选择“否”，则他/她可以提交，而无需输入任何内容。除了“不”部分，我的一切都正常。验证功能在表单内部工作，当所选按钮为“否”时，是否有任何方法可以禁用它


函数checkEvent（）{
控制台日志（“infunc”）；
if（document.getElementById（'events_yes'）。选中）{
document.getElementById（'if\u events\u yes'）.style.display=“block”；
}
否则{
document.getElementById（'if\u events\u yes'）.style.display=“无”；
document.getElementById（'myForm'）。removeAttribute（“onsubmit”，“onsubmit”）；
}
}
有要报告的事件吗？

是

否




防火墙：



ID/IP:



Web内容筛选/代理：



深度包检查：



网络恶意软件保护设备（FireEye、Damballa等）：



防病毒软件：



取证工具：



Tripwire:



内存转储：



电子邮件日志：



onsubmit=函数（）{
var t=document.getElementsByTagName（“textarea”），
l=0；
对于（变量i=0；i


这是我正在做的部分。当用户选择“否”时，我是否可以禁用onsubmit功能
 您应该能够从中使用此示例。他们的示例发送到asp页面，但这并不重要
我已经在这里复制了您需要的部件，但有关其工作方式或原因的更多详细信息，请访问上面的链接
JavaScript部分
类似这样的JavaScript函数，但检查单选按钮的状态：
function validateForm() {
 //here just get the value(s) from your radio(s)
 var x = document.forms["myForm"]["fname"].value;
 //check the value
 if (x == null || x == "") {
     alert("Name must be filled out");
     //this prevents the submit to your server
     return false;
 }
}

组成部分
您应该能够从中使用此示例。他们的示例发送到asp页面，但这并不重要
我已经在这里复制了您需要的部件，但有关其工作方式或原因的更多详细信息，请访问上面的链接
JavaScript部分
类似这样的JavaScript函数，但检查单选按钮的状态：
function validateForm() {
 //here just get the value(s) from your radio(s)
 var x = document.forms["myForm"]["fname"].value;
 //check the value
 if (x == null || x == "") {
     alert("Name must be filled out");
     //this prevents the submit to your server
     return false;
 }
}

组成部分
多亏了webdeveloper.com论坛上的Kevin2
   <%@page import="com.sun.xml.internal.txw2.Document"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1" import="db.ResponseTracker"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>MASC Response Form</title>

<style>
/* this selector could be div#nav instead of nav depending on which tag you wrapped the ul in */
#nav {
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;  }
#nav ul {
    list-style: none;
    width: 800px;
    margin: 0 auto;
    padding: 0; }
#nav li {
    float: left; }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }
#nav li:first-child a {
    border-left: 1px solid #ccc; }
#nav li a:hover {
    color: #c00;
    background-color: #fff; }

#tipid, fieldset {
    display: none;
}
label {
    display: block;
}
fieldset {
    border: 0;
    width: 50%;
}
textarea {
    width: 100%;
    height: 5em;
}
.active {
    position: fixed;
    left: 54%;
    bottom: 2em;
}
</style>

<script src="nav.jsp"></script>

</head>
<body>
<div id="nav">
    <ul>
        <li><a href="welcome.jsp">My Data</a></li>
        <li><a href="logout.jsp">Logout</a></li>
    </ul>
</div>

<% ResponseTracker tracker = new ResponseTracker() ;
    int tipid = 0;
    if(request.getParameter("tipid") != null)
    {
        tipid = Integer.parseInt(request.getParameter("tipid"));    

    }

    if (tipid == 0){ response.sendRedirect("/MASC/index.jsp");}

    %>
<h1> Tip report for <% out.print(tracker.getDateStringByTipId(tipid)); 
        tracker.finalize();%></h1>
    <%if(request.getParameter("failed") != null)
    {
        %> <br><font color=\"red\"> Login failed</font> <%
    }
%>
<form action="ResponseDB" method="post">
    <input name="tipid" id="tipid" value="<% out.println(tipid);%>">
    Any events to report?
    <label><input type="radio" name="events" onclick="checkEvent(this.value,if_events_yes,submit)" id="events_yes" value="yes">Yes</label>
    <label><input type="radio" name="events" onclick="checkEvent(this.value,if_events_yes,submit)" id="events_no" value="no" checked>No</label>

    <fieldset id="if_events_yes">

    <label>Firewall:<br>
    <textarea name="firewall"></textarea></label>

    <label>IDS/IPS:<br>
    <textarea name="ids"></textarea></label>

    <label>Web Content Filtering/Proxy:<br>
    <textarea name="proxy"></textarea></label>

    <label>Deep packet inspection:<br>
    <textarea name="dpi"></textarea></label>

    <label>Network malware protection devices (FireEye, Damballa, etc.):<br>
    <textarea name="net_malware"></textarea></label>

    <label>Anti-virus software:<br>
    <textarea name="av"></textarea></label>

    <label>Forensics Tools:<br>
    <textarea name="forensics"></textarea></label>

    <label>Tripwire:<br>
    <textarea name="tripwire"></textarea></label>

    <label>Memory Dumps:<br>
    <textarea name="memdumps"></textarea></label>

    <label>Email logs:<br>
    <textarea name="email_logs"></textarea></label>

    </fieldset>

    <input type="submit" id="submit" value="Submit">
</form>

<script>

function checkEvent(el,y,s) {
    console.log("infunc");
    if (el == 'yes') {
        y.style.display = "block";
        s.className = "active";
    }
    else {
        y.style.display = "none";
        s.className = "";
    }
}

onsubmit=function() {
    if (document.getElementById('events_yes').checked == true) {
    var t = document.getElementsByTagName("textarea"),
        l = 0;
        for(var i = 0; i < t.length; i++){
            l = l + t[i].value.trim();
        }
            if (l < 1) {
                    alert("Please re-enter");
        return false;
    }
    }
}
</script>
</body>
</html>


MASC响应表
/*该选择器可以是div#nav而不是nav，具体取决于您将ul包装在哪个标签中*/
#导航{
宽度：100%；
浮动：左；
边际：0.01米0；
填充：0；
背景色：#F2F2；
边框底部：1px实心#ccc；}
#导航ul{
列表样式：无；
宽度：800px；
保证金：0自动；
填充：0；}
#李海军{
浮动：左；}
#李娜{
显示：块；
填充：8px 15px；
文字装饰：无；
字体大小：粗体；
颜色：#069；
右边框：1px实心#ccc；}
#李海军：第一个孩子{
左边框：1px实心#ccc；}
#导航李a：悬停{
颜色：#c00；
背景色：#fff；}
#tipid，字段集{
显示：无；
}
标签{
显示：块；
}
字段集{
边界：0；
宽度：50%；
}
文本区{
宽度：100%；
身高：5公分；
}
.主动{
位置：固定；
左：54%；
底部：2米；
}




有关的提示报告

登录失败
有什么事情要报道吗？
对
不
防火墙：

ID/IP:

Web内容筛选/代理：

深度包检查：

网络恶意软件保护设备（FireEye、Damballa等）：

防病毒软件：

取证工具：

Tripwire:

内存转储：

电子邮件日志：

功能检查事件（el、y、s）{
控制台日志（“infunc”）；
如果（el=‘是’）{
y、 style.display=“block”；
s、 className=“活动”；
}
否则{
y、 style.display=“无”；
s、 className=“”；
}
}
onsubmit=函数（）{
if（document.getElementById（'events_yes'）。checked==true）{
var t=document.getElementsByTagName（“textarea”），
l=0；
对于（变量i=0；i
多亏了webdeveloper.com论坛上的Kevin2
   <%@page import="com.sun.xml.internal.txw2.Document"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1" import="db.ResponseTracker"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>MASC Response Form</title>

<style>
/* this selector could be div#nav instead of nav depending on which tag you wrapped the ul in */
#nav {
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;  }
#nav ul {
    list-style: none;
    width: 800px;
    margin: 0 auto;
    padding: 0; }
#nav li {
    float: left; }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }
#nav li:first-child a {
    border-left: 1px solid #ccc; }
#nav li a:hover {
    color: #c00;
    background-color: #fff; }

#tipid, fieldset {
    display: none;
}
label {
    display: block;
}
fieldset {
    border: 0;
    width: 50%;
}
textarea {
    width: 100%;
    height: 5em;
}
.active {
    position: fixed;
    left: 54%;
    bottom: 2em;
}
</style>

<script src="nav.jsp"></script>

</head>
<body>
<div id="nav">
    <ul>
        <li><a href="welcome.jsp">My Data</a></li>
        <li><a href="logout.jsp">Logout</a></li>
    </ul>
</div>

<% ResponseTracker tracker = new ResponseTracker() ;
    int tipid = 0;
    if(request.getParameter("tipid") != null)
    {
        tipid = Integer.parseInt(request.getParameter("tipid"));    

    }

    if (tipid == 0){ response.sendRedirect("/MASC/index.jsp");}

    %>
<h1> Tip report for <% out.print(tracker.getDateStringByTipId(tipid)); 
        tracker.finalize();%></h1>
    <%if(request.getParameter("failed") != null)
    {
        %> <br><font color=\"red\"> Login failed</font> <%
    }
%>
<form action="ResponseDB" method="post">
    <input name="tipid" id="tipid" value="<% out.println(tipid);%>">
    Any events to report?
    <label><input type="radio" name="events" onclick="checkEvent(this.value,if_events_yes,submit)" id="events_yes" value="yes">Yes</label>
    <label><input type="radio" name="events" onclick="checkEvent(this.value,if_events_yes,submit)" id="events_no" value="no" checked>No</label>

    <fieldset id="if_events_yes">

    <label>Firewall:<br>
    <textarea name="firewall"></textarea></label>

    <label>IDS/IPS:<br>
    <textarea name="ids"></textarea></label>

    <label>Web Content Filtering/Proxy:<br>
    <textarea name="proxy"></textarea></label>

    <label>Deep packet inspection:<br>
    <textarea name="dpi"></textarea></label>

    <label>Network malware protection devices (FireEye, Damballa, etc.):<br>
    <textarea name="net_malware"></textarea></label>

    <label>Anti-virus software:<br>
    <textarea name="av"></textarea></label>

    <label>Forensics Tools:<br>
    <textarea name="forensics"></textarea></label>

    <label>Tripwire:<br>
    <textarea name="tripwire"></textarea></label>

    <label>Memory Dumps:<br>
    <textarea name="memdumps"></textarea></label>

    <label>Email logs:<br>
    <textarea name="email_logs"></textarea></label>

    </fieldset>

    <input type="submit" id="submit" value="Submit">
</form>

<script>

function checkEvent(el,y,s) {
    console.log("infunc");
    if (el == 'yes') {
        y.style.display = "block";
        s.className = "active";
    }
    else {
        y.style.display = "none";
        s.className = "";
    }
}

onsubmit=function() {
    if (document.getElementById('events_yes').checked == true) {
    var t = document.getElementsByTagName("textarea"),
        l = 0;
        for(var i = 0; i < t.length; i++){
            l = l + t[i].value.trim();
        }
            if (l < 1) {
                    alert("Please re-enter");
        return false;
    }
    }
}
</script>
</body>
</html>


MASC响应表
/*该选择器可以是div#nav而不是nav，具体取决于您将ul包装在哪个标签中*/
#导航{
宽度：100%；
浮动：左；
边际：0.01米0；
填充：0；
背景色：#F2F2；
边框底部：1px实心#ccc；}
#导航ul{
列表样式：无；
宽度：800px；
保证金：0自动；
填充：0；}
#李海军{
浮动：左；}
#李娜{
显示：块；
填充：8px 15px；
文字装饰：无；
字体大小：粗体；
颜色：#069；
右边框：1px实心#ccc；}
#李海军：第一个孩子{
左边框：1px实心#ccc；}
#导航李a：悬停{
颜色：#c00；
背景色：#fff；}
#tipid，字段集{
显示：无；
}
标签{
显示：块；
}
字段集{
边界：0；
宽度：50%；
}
文本区{
宽度：100%；
身高：5公分；
}
.主动{
位置：固定；
左：54%；
底部：2米；
}




有关的提示报告

登录失败
有什么事情要报道吗？
对
不
防火墙：

ID/IP:

Web内容筛选/代理：

深度包检查：

网络恶意软件保护设备（FireEye、Damballa等）：

防病毒软件：

取证工具：

Tripwire:

内存转储：

电子邮件日志：

功能检查事件（el、y、s）{
控制台日志（“infunc”）；
如果（el=‘是’）{
y、 style.display=“block”；