jquery validate 在微信里页面里不起作用，且造成form无法正常ajaxSubmit

时间: 2016-11-04来源：开源中国

前景提要

HDC调试需求开发（15万预算）,能者速来！>>>
代码如下，开发微信里的web页面，用 jquery mobile, jquery validate, jquery form. 现象是： alert("user page create" )显示以后，页面就停滞，不能正常显示，将validate部分却掉，则能正常显示和提交。高手指教，谢谢。
<script type="text/javascript"> function showResponse(jsonData) { alert(jsonData.msg); } function showRequest(){ alert("checking"); //return $("#userInfoForm").valid(); } $(document).on("pagecreate", function() { alert("user page create"); $('#userInfoForm').submit(function(){ alert("form submiting"); $(this).ajaxSubmit({ type:"post", url:"/pay/updateUserInfo", clearForm:false, //成功提交后不清空form resetForm:false, //成功提交后不重置form beforeSubmit:showRequest, dataType:"json", // 回传数据格式为json success:showResponse }); return false; //此处必须返回false，阻止常规的form提交 }); $('#userInfoForm').validate({ onkeyup:false, onclick:false, focusCleanup:true, focusInvalid:false, onfocusout: function(element) { $(element).valid(); }, errorClass: "unchecked", validClass: "checked", errorElement: "span", rules:{ //表单名称形如 user.name，则必须用双引号引起来，如果是 name 则不用。 "user.name":{required:true,minlength:2}, "user.email":{required:true,email:true}, "user.mobile":{required:true, digits:true } }, messages: { "user.name":{required:"请输入姓名。", minlength:"用户名不能少于两个字符。" }, "user.email":{required:"请输入email。", email:"不是email的合法格式。" }, "user.mobile":{reqired:"请输入手机号码。", digits:"手机号码只能是数字。" }, }, errorPlacement: function( error, element ) { // 将提示信息放在对应输入框的下面，缺省是在右边。 error.insertAfter( element.parent() ); } }); }); </script>

<body>
<div data-role="page" id="page_userEdit">
<div data-role="header"> <h1>填写个人信息</h1> </div>
<div data-role="content">
<form method="post" id="userInfoForm" data-ajax="false">

<div class="ui-field-contain">
<label for="fname">姓名:</label>
<input type="text" name="user.name" id="fname" value="${user.name}">
<label for="fmobile">手机号:</label>
<input type="text" name="user.mobile" id="fmobile" value="${user.mobile}">
<label for="femail">邮箱:</label>
<input type="text" name="user.email" id="femail" value="${user.email}">
<input type="submit" data-inline="true" value="确认提交" >
</div>
<input type="hidden", name="user.id" value="${userId}">
</form>

</div> 
<div>
<div data-role="footer">
<h1>关闭</h1>
</div>
</div>
</div>
</body>

科技资讯:

科技学院:

科技百科:

科技书籍:

网站大全:

软件大全:

更多数据

热门排行

咨询电话(周一至周五9：00-18：00)