首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jQuery提交表单没反应,求帮助解决方案

2012-03-11 
jQuery提交表单没反应,求帮助HTML code!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN

jQuery提交表单没反应,求帮助

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title></title><link href="../css/all.css" rel="stylesheet" type="text/css" /><link href="css/style.css" rel="stylesheet" type="text/css" /> <script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script><script src="../js/core/base.js" type="text/javascript"></script><script src="../js/plugins/ligerForm.js" type="text/javascript"></script><script src="../js/plugins/ligerDateEditor.js" type="text/javascript"></script><script src="../js/plugins/ligerComboBox.js" type="text/javascript"></script><script src="../js/plugins/ligerCheckBox.js" type="text/javascript"></script><script src="../js/plugins/ligerButton.js" type="text/javascript"></script><script src="../js/plugins/ligerDialog.js" type="text/javascript"></script><script src="../js/plugins/ligerRadio.js" type="text/javascript"></script><script src="../js/plugins/ligerSpinner.js" type="text/javascript"></script><script src="../js/plugins/ligerTextBox.js" type="text/javascript"></script> <script src="../js/plugins/ligerTip.js" type="text/javascript"></script><script src="js/jquery.metadata.js" type="text/javascript"></script><style type="text/css">    body{ font-size:12px;}    .l-table-edit {}    .l-table-edit-td{ padding:6px;}    .l-button-submit,.l-button-test{width:80px; float:left; margin-left:10px; padding-bottom:2px;}</style><script type="text/javascript">$(function (){    $.metadata.setType("attr", "validate");    $("form").ligerForm();});function validata(){     reg=/^[0-9a-zA-Z\u4E00-\u9FA5]+$/;         if(!reg.test($("#MenuName").val())){                 alert("栏目名称填写不正确!");              return false;       }else{          return true;      }      $("form").submit();}--></script></head><body style="padding:10px"><form name="form1" method="post" action="menu_add.asp" id="form1"><div></div><table width="500" cellpadding="0" cellspacing="0" class="l-table-edit" >    <tr>        <td width="70" align="left" class="l-table-edit-td">栏目名称:</td>        <td align="left" class="l-table-edit-td"><input name="MenuName" type="text" id="MenuName" ltype="text"/></td>        <td align="left"></td>    </tr>    <tr>        <td align="left" class="l-table-edit-td">所属栏目:</td>        <td align="left" class="l-table-edit-td">        <select name="ParentID" id="ParentID" ltype="select">          <option value="0">一级栏目</option>         </select>        </td>    </tr>  </table> <br /><input type="Button" value="提交" id="Button1" class="l-button l-button-submit" onclick="validata()"/> </form></body></html> 




把按扭type改为Submit就可以提交。。。为什么用$("form").submit()会没反应。。。

[解决办法]
$("form")返回一个集合
用$("form:first")
[解决办法]
无论校验成功如否,都执行不到$("form").submit();
改成这样:
if(!reg.test($("#MenuName").val())){
alert("栏目名称填写不正确!");
return false; 
}else{
$("form").submit();
return true;
}

热点排行