                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(五)一Ajax應用與常用插件

下面這代碼為什么會跳到當前頁面

<!DOCTYPE html>

? ? <head>

? ? ? ? <title>表單驗證插件</title>

? ? ? ? <link href="style.css" rel="stylesheet" type="text/css" />

? ? ? ? <script type="text/javascript" src="http://www.xianlaiwan.cn/data/jquery-1.8.2.min.js"></script>

? ? ? ? <script type="text/javascript" src="http://www.xianlaiwan.cn/data/jquery.validate.js"></script>

? ? ? ? <script type="text/javascript" src="http://www.xianlaiwan.cn/data/jquery.validate.messages_cn.js"></script>

? ? </head>

? ? <body>

? ? ? ? <form id="frmV" method="get" action="#">

? ? ? ? ? ? <div id="divtest">

? ? ? ? ? ? ? ? <div class="title">

? ? ? ? ? ? ? ? ? ? <span class="fl">表單驗證插件</span>?

? ? ? ? ? ? ? ? ? ? <span class="fr">

? ? ? ? ? ? ? ? ? ? ? ? <input id="btnSubmit" type="submit" value="提交" />

? ? ? ? ? ? ? ? ? ? </span>

? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? <div class="content">

? ? ? ? ? ? ? ? ? ? <span class="fl">郵箱：</span><br />

? ? ? ? ? ? ? ? ? ? <input id="email" name="email" type="text" /><br />

? ? ? ? ? ? ? ? ? ? <span class="tip"></span>

? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? </div>

? ? ? ? </form>

? ? ? ??

? ? ? ? <script type="text/javascript">

? ? ? ? ? ? $(function () {

? ? ? ? ? ? ? ? $("#frmV").validate(

? ? ? ? ? ? ? ? ? {

? ? ? ? ? ? ? ? ? ? ? /*自定義驗證規則*/

? ? ? ? ? ? ? ? ? ? ? rules: {

? ? ? ? ? ? ? ? ? ? ? ? ? ? email:{

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? required:true,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? email:true

? ? ? ? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? ? ? ? ??

? ? ? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? ? },

? ? ? ? ? ? ? ? ? ? ? /*錯誤提示位置*/

? ? ? ? ? ? ? ? ? ? ? errorPlacement: function (error, element) {

? ? ? ? ? ? ? ? ? ? ? ? ? error.appendTo(".tip");

? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? );

? ? ? ? ? ? });

? ? ? ? </script>

? ? </body>

</html>

慕設計6337300

2018-08-19

源自：jQuery基礎(五)一Ajax應用與常用插件 2-1

關注問題我要回答

1413

操作

收起

4 回答

十指狂魔
2019-04-09

<!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>
????????<title>表單驗證插件</title>
????????<link?href="style.css"?rel="stylesheet"?type="text/css"?/>
????????<script?type="text/javascript"?src="http://www.xianlaiwan.cn/data/jquery-1.8.2.min.js"></script>
????????<script?type="text/javascript"?src="http://www.xianlaiwan.cn/data/jquery.validate.js"></script>
????????<script?type="text/javascript"?src="http://www.xianlaiwan.cn/data/jquery.validate.messages_cn.js"></script>
????</head>
????<body>
????????<form?id="frmV"?method="get"?action="#">
????????????<div?id="divtest">
????????????????<div?class="title">
????????????????????<span?class="fl">表單驗證插件</span>?
????????????????????<span?class="fr">
????????????????????????<input?id="btnSubmit"?type="submit"?value="提交"?/>
????????????????????</span>
????????????????</div>
????????????????<div?class="content">
????????????????????<span?class="fl">郵箱：</span><br?/>
????????????????????<input?id="email"?name="email"?type="text"?/><br?/>
????????????????????<span?class="tip"></span>
????????????????</div>
????????????</div>
????????</form>
????????
????????<script?type="text/javascript">
????????????$(function?()?{
????????????????$("#frmV").validate(
??????????????????{
??????????????????????/*自定義驗證規則*/
??????????????????????rules:?{
????????????????????????????email:{
????????????????????????????????required:?true,
????????????????????????????????email:?true
????????????????????????????}
??????????????????????},
??????????????????????/*錯誤提示位置*/
??????????????????????errorPlacement:?function?(error,?element)?{
??????????????????????????error.appendTo(".tip");
??????????????????????},
??????????????????????submitHandler:?function(form)?{
????????????????????????//?some?other?code
????????????????????????//?maybe?disabling?submit?button
????????????????????????//?then:
????????????????????????alert("郵箱驗證成功！")
????????????????????????//?$(form).submit();
??????????????????????}
??????????????????}
????????????????);
????????????});
????????</script>
????</body>
</html>

改成上面這樣應該就行了

0 回復有任何疑惑可以回復我~

收起回答

qq_蝕_1

我想知道你改了哪里除了最下面的地方我全粘代碼可以但是只粘最后幾行不行

2019-08-05 回復有任何疑惑可以回復我~

十指狂魔回復 qq_蝕_1

問題能解決就行

2019-10-31 回復有任何疑惑可以回復我~

慕粉3931655
2019-02-28

我終于知道哪里錯了

rules:?{
????????????????????????????email:{
????????????????????????????????required:true,
????????????????????????????????email:true
????????????????????????????}
??????????????????????????}
??????????????????????},

你們看，這里多了一個右括號

1 回復有任何疑惑可以回復我~

收起回答