1、引入jquery庫
織夢自定義表單調用代碼代碼:
<form method="post" target="myFrame" id="form1" ><input type="hidden" name="action" value="post" /><input type="hidden" name="diyid" value="1" /><input type="hidden" name="do" value="2" /><input type="hidden" name="dede_fields" value="name,text;mobie,text;addres1,text;yusuan,text;centent,multitext" /><input type="hidden" name="dede_fieldshash" value="734853fb61fda5c7c8d607050d3a791f" /><input type="text" name="name" id="name" class="finput1" placeholder="*您的姓名" ><input type="tel" name="mobie" id="mobie" class="finput1" placeholder="*您的電話" ><input type="text" name="addres1" id="addres1" class="finput1" placeholder="意向區域" ><input type="text" name="yusuan" id="yusuan" class="finput1" placeholder="輸入投資預算 如:15-20W" ><textarea id="contents" name="centent" class="finput2" placeholder="請在此輸入留言內容,我們會盡快與您聯系"></textarea><input type="button" id="btn" class="feedbackbtn2" value="馬上提交"></form> |
<input type="button" id="btn" class="feedbackbtn2" value="馬上提交">這里的id="btn"的值要和下面ajax代碼里#btn值一樣
把ajax代碼放在頁面最底部(不能放在jquery庫之前)
<script>$("#btn").click(function() { var name_main = $("#name").val(); var reg1 = /^[/u4E00-/u9FA5]{2,5}(?:·[/u4E00-/u9FA5]{2,5})*$/; var mobile_main = $("#mobie").val(); var reg2 = /^1[3|4|5|7|8][0-9]{9}$/; if (name_main == '') {alert('姓名不能為空!'); return false } else if (!reg1.test(name_main)) {alert('請輸入有效的姓名!'); return false } if (mobile_main == '') { alert('手機不能為空!'); return false } else if (!reg2.test(mobile_main)) { alert('請輸入有效的手機號碼!'); return false }$.ajax({cache: true,type: "POST",url:"/plus/diy.php",data:$('#form1').serialize(),success: function(data) { alert('加盟申請提交成功,客服將在12小時內聯系您,請留意手機或者微信!'); $('#form1')[0].reset();}});return false; })</script> |
新聞熱點
疑難解答