表单验证之非空验证

<body>

//表单元素
<input type="text" id="uid" />
</body>

<script type="text/javascript">
//获取元素
var txt = document.getElementById("uid");
//元素上焦点离开执行操作
txt.onblur = function(){
    //判断元素的value是否为空
    if(txt.value==""){
        alert("用户名不能为空!");
        }
    }

</script>

当表单为空时,鼠标离开表单,弹出提示,如图所示,

时间: 2024-10-09 22:19:09

表单验证之非空验证的相关文章

.NET开源工作流RoadFlow-Bug修改-1.8.2表单验证时ueditor编辑非空验证无效

RoadFlow生成的表单,Ueditor编辑器不能进行非空验证的BUG修改: 1.修改控制器:WorkFlowFormDesignerController红框处: 2.修改js文件:Scripts/roadui.init.js 3.修改文件:Scripts/FlowRun/Forms/common.js 在这个Case后面增加: case "flow_html": if (filedshow == 0) { $control.html(initValue); } else if (f

Atitit &#160;验证 数字验证 非空验证的最佳算法 &#160;h5

Atitit  验证 数字验证 非空验证的最佳算法  h5 <td><select class="searchBox-select"   style="height:25px;" id2="branch_id" id="objid" name="objid" required  > <option value="">--物品</option>

jQuery Validate【为表单提供了强大的验证功能,让客户端表单验证变得更简单】

jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 J?rn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的主要开发人员,是 QUn

JavaWeb 学习008-今日问题(非空验证尚未解决) 2016-12-2

1. 学生模块list页面 不能正常跳转 说是找不到stuid属性,但是我在entity里面和数据库建表的属性就是stuid:Grade模块代码一样,却可以正常运行 这是什么问题? <c:forEach items="slist" var="student"> <tr> <td>${student.stuid}</td> <td>${student.stuname}</td> <td>

【ExtJs】ExtJs的表单插件与表单布局、提交与验证

利用ExtJs的Anchor可以为ExtJs自带的表单Form各个组件进行布局,当然,使用<[ExtJs]带日期组件的文本输入框.容器与Ext.Msg.alert告警框告警两次>(点击打开链接)中的vbox也是可以的.其实ExtJs的表单插件与表单布局并不是关键,ExtJs的表单验证还好,就几行语句就能够完成.关键是ExtJs的表单提交必须通过Ajax方式,而在后台必须传回一个Json完成表单的提交,可能有点复杂,下面就以php作为ExtJs的后台处理来说明问题ExtJs的表单.aspx,js

php非空验证

我想说这种方法是不是很常用的非空验证,现在的普遍使用的是javascript来验证非空,但是作为学习php的一些知识点,还是可以看看的. 先来看看commit.php中的方法 <?php $db = mysql_connect('localhost','root','Ctrip07185419'); mysql_select_db('moviesite',$db) or die(mysql_error($db)); mysql_query('set names "gb2312"'

[Teamcenter 2007 开发系列] web 非空验证

前言 TC 2007 的Web 端,页面简洁也简单. 非空验证的话,直接在后面加上一个 红箭头+ "Required value is not specified." 这样一些红色的提示信息. 而这种验证看上去又是和CF端的form 的定义管理起来的. 定义成require 的属性会做这种验证. 那么在web 端实现的机制是怎样的呢? 是否可以不和CF端绑定,在 Web端直接进行这种验证呢? 实现机制 以创建一个物件为例,关键的action-component 是 ModelEntit

easyui-combobox非空验证等

js代码 1 function validate(){ 2 $.extend($.fn.validatebox.defaults.rules, { 3 maxLength: { 4 validator: function(value, param){ 5 return value.length <= param[0]; 6 }, 7 message: '最多输入 {0} 位' 8 }, 9 onlyLength:{ 10 validator: function(value, param){ 11

验证:非空、手机号、邮箱

1 /// <summary> 2 /// 验证 非空 3 /// </summary> 4 /// <param name="isOK"></param> 5 /// <param name="cons"></param> 6 private void CheckControls(ref bool isOK,params Control[] cons) 7 { 8 9 foreach(Cont