分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

jquery中使用$(#form).submit()提交表单无效原因分析及解决Script

发布时间:2023-09-06 02:23责任编辑:胡小海关键词:暂无标签

今天写了一个表单验证,验证的时候没有任何问题,但是页面提交不了,很诡异,然后各种百度,查了一下的原因是input的id不能为submit

注意:提交表单的时候,input的id不能为submit

<dl>  <dd> ???  <label>角色名称:</label> ???????<input type="text" id="role_name" name="name" style="text-indent: 0;" /> ???</dd></dl><dl> ???<dd style="height: auto;"> ???  <label>消息接收类型:</label> ???????<div class="qiy_tingy"> ???????  <volist name=":msgtype()" id="v"> ???????????  <ul> ?????????????   <li><input type="checkbox" ?name="type[]" value="{$v[‘val‘]}"><em>{$v[‘name‘]}</em></li> ??????????????</ul> ??????????</volist> ????????</div> ????</dd></dl><input type="button" value="提交" id="button1" />
<script>  function checked(){ ??  if(!$("#role_name").val()){ ??????  alert("请输入角色名称"); ??????????  return false; ??????} ??????var obj = document.getElementsByName(‘type[]‘); ??????var count=obj.length; ??????var j=0; ??????for(var i=0;i<count;i++){ ??????  if (obj[i].checked){ ??????????  j++; ??????????} ??????} ??????if(j==0){ ??????????   alert("请选择消息接收类型:"); ??????????return false; ??????} ??????????return true; ???} ???$(function(){ ???????????$("#button1").click(function(){ ???????????if(checked()){ ??????????????$(‘#form‘).submit(); ???????????} ???????}); ???}); ???</script>

jquery中使用$(#form).submit()提交表单无效原因分析及解决Script

原文地址:https://www.cnblogs.com/zhangjianzhen/p/9984509.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved