`
ZhengMingwei
  • 浏览: 135610 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js控制form表单提交 为空校验

    博客分类:
  • js
阅读更多

把js的验证方法放在表单的onSubmit事件里面,并且在加入的js方法前加上return,在表单的action属性中写入要转向的地址就Ok了。
例如:
<script language="javascript">
function checkUserName(){
  var UserName=document.getElementById("控件名").value;
  if(){
  ..........
  return false;
  }else{
  ..........
  return true;
  }
}
</script>
<form name="myform" id="myform" method="post" action="index.jsp" onSubmit="return checkUserName()">
........
</form>

分享到:
评论

相关推荐

    原生JS经典小项目-form表单校验

    原生JS经典小项目-form表单校验

    JavaScript的form表单验证中的身份证校验.pdf

    JavaScript的form表单验证中的身份证校验

    Form验证表单Form验证表单

    在网页开发中,表单(Form)验证是一个关键环节,用于确保用户输入的数据符合预设的规则和标准,从而防止无效数据的提交,提高用户体验,同时也保护了服务器资源免受恶意攻击。`Form验证表单`是这个过程的核心,本文...

    使layui.js form 可主动验证表单是否通过

    使layui.js form 可主动验证表单是否通过。扩展layui下的form.js 。文章链接 https://blog.csdn.net/qq_17837497/article/details/107505486

    vue-form表单验证是否为空值的实例详解

    Vue-form 是 Vue.js 社区中用于处理表单的库,它提供了一种便捷的方式来管理表单状态、验证和提交。在这个实例中,我们将深入探讨如何使用 Vue-form 来验证表单字段是否为空值。 首先,我们需要创建一个表单。在 ...

    JavaScript阻止表单提交方法(附代码)

    JavaScript阻止表单提交是通过事件处理和返回值控制实现的,常用的方法包括使用`event.preventDefault()`或在`onsubmit`中返回`false`。同时,结合JavaScript的表单元素访问和值验证功能,可以实现复杂的表单数据...

    JS表单验证 JS校验代码 JS数据类型校验

    4. 处理验证结果:根据`validateForm.js`返回的验证状态,决定是否允许表单提交或展示错误信息。 四、`validateForm使用说明.txt` 这个文本文件应该包含如何使用`validateForm.js`的详细指南,包括: - 如何设置...

    【JavaScript源代码】Vue之ElementUI Form表单校验.docx

    Vue之ElementUI Form表单校验  表单校验是前端开发过程中最常用到的功能之一,根据个人的工作经验总结在此对表单校验功能的基础用法进行整理说明。 以下是form的demo el-form :model="dynamicValidateForm" ref=...

    form表单太多,校验太麻烦,快使用boostrapValidator.js

    1、包含form表单所需的js文件。 2、包含form表单所需的css文件。 3、后面会出一个简单的使用教程。 4、此文件免费下载,希望大家爱上学习。

    基于VueElementUI快速创建生成表单进行数据校验获取表单数据

    基于Vue,ElementUI快速创建生成表单,进行数据校验,获取表单数据

    from 表单验证 js框架类库

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    【JavaScript源代码】Vue模仿ElementUI的form表单实例代码.docx

    Vue模仿ElementUI的form表单实例代码  模仿 ElementUI 的表单,分为四层结构:index 组件、Form 表单组件、FormItem 表单项组件、Input 和 CheckBox 组件,具体分工如下: index 组件:  实现:分别引入 Form ...

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

    - `用JS控制表单提交`: 展示如何使用JavaScript控制表单的异步提交过程。 - `javascript提交表单__超超聊事.files`: 可能是一份关于JavaScript表单提交技术的详细讲解资料。 7. **最佳实践** - 提供即时反馈:...

    【JavaScript源代码】antd+vue实现动态验证循环属性表单的思路.docx

    antd+vue实现动态验证循环属性表单的思路 ...一个是可动态添加的循环表单form,另一个为普通表单dateForm html  &lt;a-form :form="form" @keyup.enter.native='searchQuery'&gt; &lt;div class="dynamic-wrap"&gt; (item,

    使用FormValidation进行表单验证

    使用FormValidation进行表单验证,使用到了jQuery和Bootstrap框架等相关技术

    javascript 表单验证禁止输入中文汉字

    JavaScript 是一种常用的客户端脚本语言,它可以直接在用户的浏览器上运行,用于实现表单验证。在这个场景中,我们需要实现的功能是:在JavaScript中禁止用户在表单字段中输入中文汉字。 首先,我们要理解如何检测...

    struts2笔记之校验表单信息

    客户端校验是通过在JSP页面中的`&lt;s:form validate="true"&gt;`标签实现的,这会触发Struts2的JavaScript校验,使得用户在提交前就能得到反馈,提高了用户体验。 总结来说,Struts2的表单校验机制提供了多种灵活的方式...

    js验证表单大全

    在表单验证中,我们可以利用这些函数来检查用户输入的数值是否合法或字符串是否为空。 2. **事件处理** 表单验证通常与事件处理相关,如 `onsubmit`、`onchange` 和 `onblur`。`onsubmit` 在表单提交时触发,可以...

    jQuery form插件之formDdata参数校验表单及验证后提交

    Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。 测试环境:部署到Tomcat中的web项目。 一、引入依赖js [removed][removed] [removed][removed] 二、初始化回调函数。 ...

    jquery 表单校验的插件formValidator4.01

    6. **触发验证**:在提交表单或事件触发时,调用`$("#formId").valid()`进行验证。 **三、示例代码** ```javascript $(document).ready(function() { $.validate({ modules: 'security', // 引入安全相关的验证...

Global site tag (gtag.js) - Google Analytics