帝国cms表单提交,验证电话号码的正确性之后才提交,不跳转页面

以下是个人的解决办法

 1、form表单

<form id="formdata" name='feedback' method='post' enctype='multipart/form-data' action='../../enews/index.php'>
      <div>
           <select name="banxing" id="banxing">
               <option value="1">1</option>
               <option value="2">2</option>
               <option value="3">3</option>
           </select>
      </div>
      <div>
         <span>电话:</span>
         <input name='mycall' type='text' value='' placeholder="请填写您的联系方式">
      </div>
      <div>
          <span>地址:</span>
          <input name='address' type='text' value='' placeholder="请填写大概地址">
      </div>
      <input type='submit' name='submit' value='提交'>
       <input name='enews' type='hidden' id="enews" value='AddFeedback'>
       <input type="hidden" name="bid" value="2">
       <input name='title' type='hidden' value='xx'>
       <input type="hidden" name='ecmsfrom' value="/" />
   </form>

2、页面引入js文件

 $('#formdata').submit(function(event) {
        event.preventDefault();
        var form = $(this);
        if (!form.hasClass('fupload')) {
            var treg = /^1{1}[356789]{1}\d{9}$/;
            var mycall = $('#mycall01').val();
            var r = treg.test(mycall);
            if (mycall == null || $('#mycall01').val() == '') {
                alert("请填写您的联系方式");
                return false;
            } else if (!r) {
                alert("请检查您的联系方式是否正确");
                return false;
            } else {
                $.ajax({
                    type: form.attr('method'),
                    url: form.attr('action'),
                    data: form.serialize()
                }).success(function() {
                    //成功提交
                    alert('提交成功!');
                    $('#formdata1')[0].reset();
                }).fail(function(jqXHR, textStatus, errorThrown) {
                    //错误信息
                    alert('提交失败!');
                    console.log(XMLHttpRequest.status); //错误状态码
                    console.log(XMLHttpRequest.readyState); //状态
                    console.log(textStatus); //错误信息
                    //    返回parsererror,解析不成功
                });
            }
        }
    });

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值