Jquery移动表单验证不能正常工作
Jquery Mobile Form Validation not working properly
表单应该验证,如果无效,表单不应该继续,但它会自动将应用程序转移到另一个页面…
HTML<div data-role="page" id="newevent1">
<div data-role="header">
<h1>New Event</h1>
</div>
<div data-role="content">
<form id="newevent1info" name="newevent1info" align="left">
<div data-role="fieldcontain">
<label for="ename">Event Name:</label>
<input align="right" type="text" id="ename" name="ename" />
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>Date:</legend>
<input type="date" id="date" name="date"/>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>Time:</legend>
<input type="time" id="time" name="time" />
</fieldset>
</div>
<div data-role="fieldcontain">
<label for="descevent">Description: </label>
<input type="text" id="descevent" name="descevent"/>
</div>
<button type="submit" name="submit">Create Event</button>
</form>
</div>
</div>
JAVASCRIPT $('#newevent1info').submit(function (event) {
event.preventDefault();
if ($(this).validate({
rules: {
ename: {
required: true
},
descevent: {
required: true
},
date: {
required: true
},
time: {
required: true
},
}
}).form()) {
alert("success");
}
});
我希望它只在所有表单数据有效时才提示成功。我需要修复什么?
如果不为真,则返回false
$('#newevent1info').submit(function (event) {
event.preventDefault();
if ($(this).validate({
rules: {
ename: {
required: true
},
descevent: {
required: true
},
date: {
required: true
},
time: {
required: true
},
}
}).form()){
alert("success");
} else {
return false;
}
});
相关文章:
- Javascript:selenium Web驱动程序isDisplayed()不工作
- jQuery UI自动完成突然停止工作
- AngularJS UI路由器不能像ng路由器那样工作
- HTML5音频加载和播放获胜'我不能在iPad上工作
- JavaScript打印功能使日历停止工作
- Javascript.getHours()工作不正常
- 为什么这在IE中的工作方式与在Firefox中不同
- 视频HTML没有'无法在Internet Explorer 11上工作
- 扩展移相器按钮类不工作
- Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 正在尝试使用if和else添加类,但无法正常工作
- Jquery FadeIn FadeOut 只工作一次
- Foreach无法在Typescript中工作
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- JS可以在Chrome中工作,但不能在Firefox中工作
- 最大高度转换不;不工作,工作缓慢
- Gulp-rev:不是第一次工作,而是在第一次工作之后工作
- JQuery - Ajax: encodeUriComponent不工作(EncodeUri工作)