在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()">
要提交按钮上写就对了
分享到:
相关推荐
5. 表单验证是提高用户体验的关键部分,实验中的`onsubmit`事件处理程序(如`<form onsubmit="pd()">`)可以在用户尝试提交表单时触发JavaScript函数,进行数据验证。`if...else`语句结构用于条件判断,确保所有输入...
- **表单事件**:监听表单的 `onBuild`、`onSubmit` 等事件,实现自定义逻辑。 `laravel-form-builder` 是一个强大的工具,它让 Laravel 开发者能够更专注于业务逻辑,而不是琐碎的 HTML 和表单验证代码。通过熟练...
// 提交失败或验证未通过的处理 }); // 验证特定字段 $f.validateField('goods_name', (errMsg) => { if (errMsg) { // 验证未通过的处理 } else { // 验证通过的处理 } }); ``` 通过这些方法,你可以轻松地...
- **onSubmit**:在表单提交前验证表单数据的有效性。 - **onMouseOver 和 onMouseOut**:创建动态效果,如鼠标悬停时显示提示信息。 #### 三、try...catch - **功能**:用于测试和捕获代码中的错误,以便进行...
7. 表单提交事件处理:通过`onsubmit="returnDcheck();"`实现了客户端的表单验证。`Dcheck`函数可能是用于前端的验证逻辑,但具体的实现未在给出的内容中描述。 8. 表单元素样式的设置:通过内联样式(style属性)...
<form class="login-area" #formRef="ngForm" (ngSubmit)="onSubmit(formRef)"> ... ``` 在组件类中,我们可以处理 `ngSubmit` 事件并访问 `formRef` 来获取表单的状态: ```typescript onSubmit(form: NgForm) {...
通过`onsubmit`事件,可以控制表单提交时的行为,如验证输入、发送AJAX请求等。 5. 图像地图:`<map>`和`<area>`标签可以创建图像地图,使得图片的不同区域可以响应不同的鼠标点击事件,常用于导航菜单或信息展示。...