在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验证拦截 免去了用button按钮click点击事件ajax请求
2. **初始化验证**:在表单的`onsubmit`事件中调用验证函数,如`return validateForm(formElement)`。返回值为`false`会阻止表单提交。 3. **配置验证规则**:每个表单字段可能需要设置不同的验证规则,可以通过...
验证jsp提交
JavaScript则可以监听表单事件,如`onsubmit`,实现提交前的额外验证,或者提供实时反馈,如输入框内容改变时即时检查有效性。 【标签】"网页模板"提示我们这是一个预设的网页设计,通常包括预设的布局、颜色方案、...
- `onsubmit`:在表单提交时触发验证。 - `onblur`:当元素失去焦点时执行验证。 - `onchange`:在元素值改变时进行验证。 4. **错误提示**: - 使用`setCustomValidity`方法设置自定义验证错误信息。 - `...
总结,`onsubmit`事件和`return false`是JavaScript中控制表单提交的关键机制,它们允许开发者在表单提交前进行验证、交互等操作,提高了用户体验和数据安全性。正确理解和使用这两个特性对于后台编程人员至关重要,...
- **事件监听**: JavaScript通过监听表单的`onsubmit`事件来实现提交前的验证。 - **验证规则**: 常见的验证规则包括非空检查、邮箱格式、电话号码格式、数字范围等。 2. **JavaScript表单验证** - **内置函数...
### JS提交表单及JS表单验证 在Web开发中,JavaScript经常被用来增强用户体验,其中一个重要的应用领域就是表单验证。通过JavaScript进行前端验证,可以及时反馈用户输入错误,提高交互效率。本文将详细解释如何...
这可能使用JavaScript实现,通过对`onsubmit`事件的监听,当用户尝试提交表单时,验证函数会被调用。验证通常检查用户名是否为空、密码是否符合复杂度要求(长度、特殊字符等),并且可能会包含实时反馈,如使用`...
HTML `<form>`元素用于创建表单,而JavaScript则用来处理表单事件,如`onsubmit`、`onchange`等,用于在用户提交或更改输入时执行验证逻辑。例如,可以使用`event.preventDefault()`阻止默认的表单提交行为,直到...
在HTML表单中,我们可以为输入元素添加`onsubmit`事件监听器,当用户尝试提交表单时触发JavaScript函数进行验证。例如: ```html <form onsubmit="return validateForm()"> <!-- 表单元素 --> ``` 在...
这通常与表单事件(如`onsubmit`)结合,确保只有经过验证的数据才能被提交。 总结,JS在表单验证、数据导出和安全性等方面起着关键作用。熟练掌握这些技术,能提升Web应用的用户体验和安全性。在实际开发中,需要...
回 false, 不提交,如果不为空,提交到由...总的来说,HTML `<form>`表单结合JavaScript的验证功能,为用户提供了一种交互式的、安全的数据输入和提交机制。理解这些基本概念对于开发动态、响应式的Web应用至关重要。
1. 创建HTML表单,设置表单的onsubmit事件为AJAX提交。 2. 编写JavaScript或jQuery函数,处理表单的提交事件,通过AJAX发送POST或GET请求到PHP验证脚本。 3. PHP验证脚本接收到请求后,根据`config.php`中的配置进行...
`<form>`标签可能使用了`onsubmit`事件来调用JavaScript函数,该函数检查所有输入是否有效,只有当所有验证通过时,表单才被提交。 接下来是CSS3,它带来了丰富的样式和动画效果,使表单验证的反馈更加直观和吸引人...
2. **JavaScript事件处理**:通过监听表单的提交事件,比如`onsubmit`,阻止默认的表单提交行为,转而使用Ajax进行数据提交。 3. **Ajax请求**:使用`XMLHttpRequest`对象或者现代浏览器支持的`fetch` API发送异步...
1. 内联事件处理:在HTML元素上直接绑定`onsubmit`、`onchange`等事件处理函数进行验证。 2. 函数调用:创建独立的验证函数,当表单提交或元素改变时调用。 3. 封装类:将验证逻辑组织成类,提供更灵活的验证策略,...
综上所述,本案例主要涉及的是如何在MyEclipse 1.0环境下配置JavaScript验证器,以确保表单验证函数`checkAll()`能够正常工作,并且能够通过`onsubmit`属性实现对表单提交的控制。通过正确配置IDE的验证工具,可以...
当用户在网页上填写表单并提交时,数据首先会在客户端(用户的浏览器)进行验证。如果客户端验证通过,数据才会被发送到服务器。客户端验证可以减少不必要的服务器请求,提高用户体验,因为它可以即时反馈错误,而...
JavaScript验证框架通常基于事件驱动,例如`onsubmit`事件。当用户尝试提交表单时,框架会触发验证过程。如果验证失败,会阻止表单的默认提交行为,并向用户提供反馈。这种机制使得验证更加实时和直观。 四、错误...