jQuery判断 form表单提交时如果表单里有input标签为空那么不提交form表单

<head>
 <script type="text/javascript">
     $("#sub1").click(function(){
        var text1=$("#text1").val();
        if(text1==""){
            alert("不能为空!");
            $("#text1").select();
            $("#text1").focus();
        }else{
        $("#form1").submit();
        }
    })
 </script>

</head>
<body>
    <form id="form1" method="post" action="">
        <input type=text id="text1"/>
        <input type="submit" id="sub1"搜索 value="提交">
    </form>
</body>
时间: 2024-08-08 10:35:47

jQuery判断 form表单提交时如果表单里有input标签为空那么不提交form表单的相关文章

表单提交时如何将错误信息传递到页面中,并且保存原来提交数据

曾经何时,你还有我或许都在困惑,如何方便的将验证不通过的表单信息再返回到前台页面,例如我注册一个账号,辛辛苦苦填写了N多项,一个格式验证没有通过,一切都需要充填,虽然Ajax可以解决这个问题,但是我们总不能把所有表单提交都弄成ajax,更何况有若干人就是没事把javascript给禁止了.哎哎,好了解决方案来了,下面以用户登录为例,说说我的解决方案. 服务器端用nodejs实现: login.html 简单的提交表单 <form action="" id="loginF

html5中form表单新增属性以及改良的input标签元素的种类

在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" /> <!-- 在不支持h5的浏览器中,可以用CSS样式进行改写 --> &

svn提交时强制添加注释

负责前端开发的同事提出需求,svn提交时必须添加注释,否则有可能不知道代码是谁提交的. 搭建svn服务器时,用的是CollabNetSubversionEdge.添加用户,管理工程权限都挺方便.让某个工程在提交时添加注释,需要在svn的hooks目录下,新建一个pre-commit的文件并给它可执行权限. 代码如下: #!/bin/bash REPOS="$1" TXN="$2" SVNLOOK=/local/csvn/bin/svnlook LOGMSG=$($S

svn提交时,邮件通知问题解决的经验谈

svn可以实现在commit提交时,使用hook钩子功能,向指定的邮箱发送提交注释comment/log及内容变化的邮件,以方便对之进行监控.具体的描述就是,1.当某个账号提交代码/文档时,使用钩子功能,调用仓库的hooks目录下的post-commit文件,实际上是执行一个shell文件,因此要求此文件具有执行权限2.在shell文件中,通过显式的编码方式运行mailer.py,根据mailer.conf文件中配置的邮件服务器,from address,to address,reply to等

JQuery判断form表单是否为空

功能:通过jquery判断form表单中是否有内容还未填写,如果有未填写的,则阻止提交 $(function () { $('form').bind('submit',function () {  //给form标签绑定submit事件 var i=0; $("input").each(function(){  //遍历input标签,判断是否有内容未填写 var vl=$(this).val(); if(vl==""){ i=1; } }); var t=$('t

【教训】 form表单提交时,action url中参数无效

今天提交一个表单,内容参考如下: <form action="add.php?a=123&b=456">     <input type="hidden" name='user_id' value="46" />     <input type="hidden" name='user_name' value="snsgou" />     ...     <

(教训) form表单提交时,action url中参数无效

今天提交一个表单,内容参考如下: <form action="add.php?a=123&b=456">    <input type="hidden" name='user_id' value="46" />    <input type="hidden" name='user_name' value="snsgou" />    ...    <inpu

form表单提交时,action怎么带参数

1 <html> 2 <title>form</title> 3 <script type="text/javascript"> 4 function test(){ 5 var f = document.getElementsByTagName("form")[0]; 6 f.action=f.action+"id="+document.getElementById("input&quo

表单元素提交时JS判断输入的值为空时则不刷新页面返回,不为空跳转并传值到新页面

<body> <div id="div1" style="display:block;" > <div id="logo"></div> <div id="word1"></div> <div id="word2"></div> <form name="form1" method=&qu