`
java_mike
  • 浏览: 85318 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

封装js验证表单元素是否为空

阅读更多
     一段利用js验证表单元素值是否为空的代码,封装的还不错。

<script language="javascript" type="text/javascript">

// js定义类方式
function Formfield(name, label){
	this.name=name;
	this.label=label;
}

// 验证表单
function verifyForm(objForm){
	var list  = new Array(new Formfield("name", "产品名称"),
                              new Formfield("description", "产品描述"));
	for(var i=0;i<list.length;i++){
		var objfield = eval("objForm."+ list[i].name);
		if(objfield.value==""){
			alert(list[i].label+ "不能为空");
			if(objfield.type!="hidden" && objfield.focus()) objfield.focus();// 得到焦点
			return false;
		}
	}
    return true;
}
</script>
0
0
分享到:
评论

相关推荐

    Js封装的弹窗表单-xForm

    6. **AJAX提交**: 为了提供更好的用户体验,xForm可能会使用AJAX技术异步提交表单数据,这样无需刷新页面,用户就能看到反馈结果。 7. **响应式设计**: 现代网页需要适应不同设备和屏幕尺寸,xForm可能包含了响应式...

    JavaScript验证注册表单(包含多种表单元素)

    验证时,可以检查输入是否为空、是否符合特定格式(如邮箱格式)等。 2. **单选按钮** (input type="radio"):用于让用户从多个选项中选择一个。在JavaScript中,我们可以通过循环遍历所有单选按钮,检查哪个被选中...

    基于element组件库封装的动态表单组件

    在描述中提到的`main.js`文件是Vue项目的入口文件,这里展示了如何引入并挂载名为`EleForm`的动态表单组件。首先,通过`import EleForm from './velFrom'`导入了自定义封装的组件。然后,使用Vue3的`use`函数(假设...

    js前端表单验证

    在JavaScript(JS)前端开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的处理压力。本文将深入探讨JS前端表单验证的相关知识点。 首先,我们要了解表单...

    Ajax 动态表单验证封装类附示例

    动态表单验证是指在用户填写表单时,实时检查输入数据的正确性,而无需等待用户提交表单。这提高了用户体验,减少了无效的服务器请求。常见的验证包括:非空验证、格式验证(如邮箱、电话号码)、长度验证等。 ### ...

    Validator表单验证封装

    Validator是基于JavaScript技术的伪静态类和对象的自定义属性,可以对网页中的表单项输入进行相应的验证,允许同一页面中同时验证多个表单,熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。...

    表单数据自动封装到javaBean中

    例如,Angular的`ngModel`指令可以将表单字段与模型对象关联,提交时自动转换为JSON发送给服务器。 5. **错误处理**: 自动封装过程中可能会出现数据类型不匹配、必填项缺失等错误。框架通常会提供异常处理机制,...

    js封装表单输入数据的验证 V1.0

    在初始的版本上加入新的验证功能。【初始版本:https://download.csdn.net/download/qq_38313548/10865693 】 该版本新增特殊的密码验证和再次输入的密码验证。验证密码必须由字母数组和特殊字符组成。当前版本为:V...

    vue复杂的form表单封装和使用

    1、该组件封装了表单中的输入框、密码框、文本域、下拉框、单选、多选、日期、文件上传、按钮等元素; 2、动态设置表单排列样式; 3、使用slot,灵活修改元素; 4、组件可以直接使用,使用简单,方便,有使用示例和...

    js 表单验证网页特效

    JavaScript(简称JS)是网页开发中不可或缺的一部分,尤其在表单验证方面,它扮演着至关重要的角色。在网页设计中,表单验证是确保用户输入数据有效性和安全性的关键步骤。通过JavaScript,开发者可以在客户端实时...

    javascript表单正则验证自定义提示

    JavaScript中的表单验证通常在`onsubmit`事件处理程序中进行,该处理程序会在用户尝试提交表单时触发。首先,我们可以遍历表单中的每个元素,然后针对每个需要验证的元素应用正则表达式。 例如,假设我们有一个要求...

    史上最全Java表单验证封装类

    除了上述主要的验证方法外,该封装类还提供了一些辅助方法,用于判断对象是否为空或是否为零值。这些方法包括但不限于: - `isNull(Object[] objs)`:判断对象数组是否为空。 - `isNull(Integer integer)`:判断...

    比较完整的表单验证js

    1. **非空验证**:检查输入框是否为空,防止用户遗漏必填项。 2. **长度验证**:限制输入的字符数,例如密码长度要求不少于6位。 3. **格式验证**:例如,邮箱地址需要符合特定的正则表达式格式,电话号码也有固定...

    利用JS文件来优化网站表单验证和提交代码

    为了提升开发效率和代码质量,本文提出了通过JavaScript(JS)文件来优化网站表单验证和提交代码的方案。以下是根据给定文件内容生成的详细知识点。 知识点一:JavaScript的表单验证和提交优化 JavaScript是一种...

    漂亮的表单验证效果

    - **客户端验证**:在用户提交数据前,在浏览器端进行验证,通常通过JavaScript实现,优点是响应快,用户体验好,但容易被绕过。 - **服务器端验证**:无论客户端验证是否成功,服务器都会对数据进行验证,确保...

    超好用的验证框架 封装js

    【标题】:“超好用的验证框架 封装js” 这个标题揭示了我们讨论的核心——一个前端验证框架,它被封装在JavaScript代码中。在Web开发中,前端验证是必不可少的一部分,它允许开发者在用户提交数据之前检查输入的...

    javascript表单验证源码 齐全的表单验证

    JS表单验证包括限制表单为空、超过字数限制、长度限制、信用卡规则、邮箱有效性、url验证、ip有效性、不能为零、大小写验证、日期验证等等多种认证,也可自己添加规则。 已封装,可以直接调用。

    JavaScript案例-js表单验证

    在这个"JavaScript案例-js表单验证"中,提供的"03_validation"文件很可能包含了上述提到的验证示例代码。你可以深入研究这些代码,了解具体的实现方式,并尝试根据自己的需求进行修改和扩展。通过实践,你将更好地...

Global site tag (gtag.js) - Google Analytics