`
xi5566
  • 浏览: 152263 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

HTMLArea onsubmit 提交验证问题

JSP 
阅读更多

在JSP中用上了HTMLArea后发现里边有个ONSUBMIT方法

 

后来发现自己写个不能ONSUBMIT没用

下面是解决方法

function checked1(){
		var course_range_id=document.getElementById("course_range_id").value;
		var course_name=document.getElementById("course_name").value;
		var period=document.getElementById("period").value;
		var ordinal=document.getElementById("ordinal").value;
		var warn=document.getElementById("warn");
		if(course_range_id==""){
        	alert("课程范围不能为空");
        	 event.returnValue = false;
        		return;
        }
        if(course_name==""){
        		alert("课程名称不能为空");
        		 event.returnValue = false;
        		return ;
        }
        if(isNaN(period)){
        	alert("课时要为数字");
        	 event.returnValue = false;
        	return ;
        }
        if(isNaN(ordinal)){
        	alert("排序字段要为数字");
        	 event.returnValue = false;
        	return ;
        }
        
      
	}

 

上面是JS

OK这时候注意了 不要在FROM里面写onsubmit

	<input type="image" name=""
						src="../../../sys/common/image/button/button-ok.jpg" onclick="checked1()">

 要提交按钮上写就对了

分享到:
评论

相关推荐

    submit表单提交,onsubmit验证拦截

    submit表单提交,onsubmit验证拦截 免去了用button按钮click点击事件ajax请求

    表单验证js 提交前验证

    2. **初始化验证**:在表单的`onsubmit`事件中调用验证函数,如`return validateForm(formElement)`。返回值为`false`会阻止表单提交。 3. **配置验证规则**:每个表单字段可能需要设置不同的验证规则,可以通过...

    验证jsp提交

    验证jsp提交

    一款HTML5登陆界面表单提交验证特效.zip

    JavaScript则可以监听表单事件,如`onsubmit`,实现提交前的额外验证,或者提供实时反馈,如输入框内容改变时即时检查有效性。 【标签】"网页模板"提示我们这是一个预设的网页设计,通常包括预设的布局、颜色方案、...

    JS表单验证与JS常见问题解决方案

    - `onsubmit`:在表单提交时触发验证。 - `onblur`:当元素失去焦点时执行验证。 - `onchange`:在元素值改变时进行验证。 4. **错误提示**: - 使用`setCustomValidity`方法设置自定义验证错误信息。 - `...

    onsubmit阻止form表单提交与onclick的相关操作

    总结,`onsubmit`事件和`return false`是JavaScript中控制表单提交的关键机制,它们允许开发者在表单提交前进行验证、交互等操作,提高了用户体验和数据安全性。正确理解和使用这两个特性对于后台编程人员至关重要,...

    js表单验证大全,js提交表单

    - **事件监听**: JavaScript通过监听表单的`onsubmit`事件来实现提交前的验证。 - **验证规则**: 常见的验证规则包括非空检查、邮箱格式、电话号码格式、数字范围等。 2. **JavaScript表单验证** - **内置函数...

    js提交表单及js表单验证

    ### JS提交表单及JS表单验证 在Web开发中,JavaScript经常被用来增强用户体验,其中一个重要的应用领域就是表单验证。通过JavaScript进行前端验证,可以及时反馈用户输入错误,提高交互效率。本文将详细解释如何...

    背景动画用户登录界面表单提交验证代码

    这可能使用JavaScript实现,通过对`onsubmit`事件的监听,当用户尝试提交表单时,验证函数会被调用。验证通常检查用户名是否为空、密码是否符合复杂度要求(长度、特殊字符等),并且可能会包含实时反馈,如使用`...

    js表单验证 全网最全的 表单验证

    HTML `&lt;form&gt;`元素用于创建表单,而JavaScript则用来处理表单事件,如`onsubmit`、`onchange`等,用于在用户提交或更改输入时执行验证逻辑。例如,可以使用`event.preventDefault()`阻止默认的表单提交行为,直到...

    javascript表单验证方式一

    在HTML表单中,我们可以为输入元素添加`onsubmit`事件监听器,当用户尝试提交表单时触发JavaScript函数进行验证。例如: ```html &lt;form onsubmit="return validateForm()"&gt; &lt;!-- 表单元素 --&gt; ``` 在...

    js表单验证、js导出excel、js验证

    这通常与表单事件(如`onsubmit`)结合,确保只有经过验证的数据才能被提交。 总结,JS在表单验证、数据导出和安全性等方面起着关键作用。熟练掌握这些技术,能提升Web应用的用户体验和安全性。在实际开发中,需要...

    【JavaScript源代码】HTML form表单提交方法案例详解.docx

    回 false, 不提交,如果不为空,提交到由...总的来说,HTML `&lt;form&gt;`表单结合JavaScript的验证功能,为用户提供了一种交互式的、安全的数据输入和提交机制。理解这些基本概念对于开发动态、响应式的Web应用至关重要。

    基于PHP5的AJAX验证表单

    1. 创建HTML表单,设置表单的onsubmit事件为AJAX提交。 2. 编写JavaScript或jQuery函数,处理表单的提交事件,通过AJAX发送POST或GET请求到PHP验证脚本。 3. PHP验证脚本接收到请求后,根据`config.php`中的配置进行...

    很美观及实用的html5+css3表单验证效果

    `&lt;form&gt;`标签可能使用了`onsubmit`事件来调用JavaScript函数,该函数检查所有输入是否有效,只有当所有验证通过时,表单才被提交。 接下来是CSS3,它带来了丰富的样式和动画效果,使表单验证的反馈更加直观和吸引人...

    html5 Ajax表单验证实例.rar

    2. **JavaScript事件处理**:通过监听表单的提交事件,比如`onsubmit`,阻止默认的表单提交行为,转而使用Ajax进行数据提交。 3. **Ajax请求**:使用`XMLHttpRequest`对象或者现代浏览器支持的`fetch` API发送异步...

    js验证错误信息.rar

    1. 内联事件处理:在HTML元素上直接绑定`onsubmit`、`onchange`等事件处理函数进行验证。 2. 函数调用:创建独立的验证函数,当表单提交或元素改变时调用。 3. 封装类:将验证逻辑组织成类,提供更灵活的验证策略,...

    onsubmit=return checkAll()保存但能运行

    综上所述,本案例主要涉及的是如何在MyEclipse 1.0环境下配置JavaScript验证器,以确保表单验证函数`checkAll()`能够正常工作,并且能够通过`onsubmit`属性实现对表单提交的控制。通过正确配置IDE的验证工具,可以...

    form_login 表单验证 客户端验证

    当用户在网页上填写表单并提交时,数据首先会在客户端(用户的浏览器)进行验证。如果客户端验证通过,数据才会被发送到服务器。客户端验证可以减少不必要的服务器请求,提高用户体验,因为它可以即时反馈错误,而...

    js 验证 自定义 类

    JavaScript验证框架通常基于事件驱动,例如`onsubmit`事件。当用户尝试提交表单时,框架会触发验证过程。如果验证失败,会阻止表单的默认提交行为,并向用户提供反馈。这种机制使得验证更加实时和直观。 四、错误...

Global site tag (gtag.js) - Google Analytics