统计
  • 建站日期:2021-03-10
  • 文章总数:518 篇
  • 评论总数:151 条
  • 分类总数:32 个
  • 最后更新:4月20日
文章 未分类

jQ和JS其中的按钮和submit两者提交表单

梦幻书涯
首页 未分类 正文

 记住:给那个id添加事件,例如给type="button" id="submit"

添加绑定onclick或者click,必须再页面加载完里面填写才有效

 不错的案例:https://www.cnblogs.com/web-wjg/p/7894657.html

  // <input class="btn btn-primary" type="button" id="tijiao" value="提交" />

 js:------->         

1:

 <input class="btn btn-default" type="submit" onclick="return tijiao()" value="重置" />
            function tijiao() {
                return true;
            }

2:

 window.onload = function () {
                document.getElementById("anniu").onclick = function () {
                    document.getElementById("form").submit();

                }
            }

//

 jq:------->

            $(function () {//给按钮绑定点击事件,必须写加载完后
                $("#tijiao").click(function () {
                    if (Username() && ageCheck() && qqCheck() && emailCheck()) {
                        $("#form").submit();
                    }

                });
            });

            function tiaozhuan() {
                window.location.href = 'list.php';
            }
            function Username() {
                var name = $("#name").val();
                var reg_name = /^[u4e00-u9fa5]+$/;
                if (!reg_name.test(name)) {
                    alert("你输入的名字不是中文,请输入中文")
                    return false;
                }
                return true;
            }
            //
            function ageCheck() {
                var age = $("#age").val();
                var reg_age = /^[0-9]{1,2}$/;
                if (reg_age.test(age)) {
                    if (age > 100 || age < 0 || age == null || age.toString().length == 0 || age == 0) {
                        alert("你输入的年龄不符合实际")
                        return false;
                    } else {
                        return true;
                    }

                } else {
                    alert("你输入的年龄不符合实际")
                    return false;
            &nb;   }

 

 

 

<!----______---->

 

 

 

 <script language="javascript">
    //表单提交
    function submit1(obj){
        obj.submit();
    }
    </script>

 

 

                                          _onclick事件调用方法

  1. <form id="form1" name="form1" method="post" action="mzwucom.asp">  
  2.       UserNmae:  
  3.       <input name="username" type="text" id="username" size="10" maxlength="10" />  
  4.       <input type="button" name="Submit" value="提交" onclick="submit1(this.form);" />  
  5.     </form>  

 

<!----______---->

版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
版权声明:未标注转载均为本站原创,转载时请以链接形式注明文章出处。如有侵权、不妥之处,请联系站长删除。敬请谅解!

这篇文章最后更新于2019-11-10,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
成功的背后往往存在不一样的艰辛与无奈,我的大学没有你们那么缤纷多彩,有的只是不断的坐在电脑前不断的敲代码的孤独和悲凉
« 上一篇
PHP数据库mysql连接函数例子大全
下一篇 »

发表评论

HI ! 请登录
注册会员,享受下载全站资源特权。
Array

日历

热门文章