20150528—html使用Jquery遍历text文本框的非空验证

<script src="jquery-1.7.2.min.js" type="text/javascript"></script>

    <script type="text/jscript">
        function notnull() {
            var count = 0;
            $("input[type=text]").each(function () {
                if ($(this).val() == ‘‘)
                { alert(‘请填写完整信息!‘); count++; return false; }
            });
            if (count > 0) { return false; }
        }
    </script>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Text1" type="text" /><br />
        <input id="Text2" type="text" /><br />
        <input id="Text3" type="text" /><br />
        <input  type="submit" id = "handon"  value=" 提交用户 " runat ="server" onclick="return notnull()" onserverclick="Addnew" />
        <asp:Button ID="Button1" runat="server" Text="Button" onclick="Addnew" />
    </div>
    </form>
</body>

后台代码 Addnew事件:

protected void Addnew(object sender, EventArgs e)
        {
            Response.Write("<script>alert(‘用户名和密码不能为空!‘)</script>");
        }

填写部分信息:

填写全部信息:

时间: 2024-10-07 03:32:16

20150528—html使用Jquery遍历text文本框的非空验证的相关文章

jQuery实现TEXT文本框输入时的提示信息(谷歌百度淘宝搜索框提示实现)

在搜索框中,输入之前框内有输入的提示信息,文本框获得焦点后会自动消失的效果,效果图如下: 鼠标放在文本框时的效果: 创建工具类(已经存在就不用创建了)Util.js(DWR的JS) 在里面添加如下方法: Js代码 /** * Input框里的灰色提示,使用前先引入jquery * <br>使用方法:<input type="text" tipMsg="您的用户名"   /> * * @return */ function inputTipTe

jquery选中将select下拉框中一项后赋值给text文本框

jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件.所以无法进行赋值给文本框 解决方法. select下拉框设置第一项做一个无用的占位option <script type="text/javascript">     function changeSelect(obj) {         var _this = obj;  

jQuery实现textarea文本框带有半透明文本提示效果

jQuery实现textarea文本框带有半透明文本提示效果:textarea文本框一般用于编辑大段的文本,比如编辑器或者简单的留言回复之类的功能,有的在textarea文本框的有默认的提示语言,下面就介绍一下如何使用jQuery实现此功能.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content

jquery获取一组文本框的值

$("#btn5").click(function()  {    var str="";$("[name='checkbox'][checked]").each(function() '用来获取数组{        str+=$(this).val()+",";    '用来遍历数组    //alert($(this).val());    }) jquery获取一组文本框的值,布布扣,bubuko.com

html5与js关于input[type=&#39;text&#39;]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick=&quot;select();&quot;。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次

Jquery实现 TextArea 文本框根据输入内容自动适应高度

原文 Jquery实现 TextArea 文本框根据输入内容自动适应高度 在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高,这可能是版面的限制和用户通常只转播或者评论一个短句有关.但是当你输入超过一行文字的时候,TextArea自动适应高度,大大改善了体验,这样用户就可以看到全部的文字.不用再去拖动文本框的滚动条. 如下图: 这些在平时的项目中挺实用的,所以抽空封装了一个文本框根据输入内容自适应高度的插件 - TextArea

HTML:&lt;input type=&quot;text&quot;&gt;文本框不可编辑的方式

1.<input type="text" name="name" value="姓名" disabled /> 该方式显示的文本框内容“姓名”呈灰色显示. 2.<input type="text" name="name" value="姓名" readonly="readonly" /> 文本框正常显示,只是无法获得光标,不能编辑. 3.<

js实现text文本框的数据实时刷新到另一个text文本框

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>demo01</title></head><body> <form> <h1>text文本框数据同步刷新</h1> <input type="text" onpropertychange="cop()&qu

判断文本框是否为空

在窗体上往往有很多文本框需要输入信息,一些下拉框需要选择,对于这些信息的输入,我们总是需要判断输入的是否为空,以前,总是一个一个的判断,这样太繁琐,也可能会丢掉其中的一个两个的.现在就让我们轻松解决判断文本框是否为空吧. <span style="font-size:18px;">''' <summary> ''' 用来判断文本框和下拉框是否为空 ''' </summary> ''' <remarks></remarks> M