如何设置表单验证输入？

Question

我有一个表格，需要设置表单验证输入：

<input type="text" name="telefon" required="" placeholder="Telefon numaranız" class="form-control">

但当我单击“提交表单”时总是没反应。这是我的JavaScript代码：

<script>
function uyem() {
      jQuery.ajax({
      type: 'POST',
      url: 'src/ajax/kayit.php',

      data: $('#uyelik-formu').serialize(),
      error:function(){ $('#sonuc').html("Bir hata algılandı."); },
      success : function (sonuc){
        if(sonuc == 'msms'){
          $("#mod-sms").modal('show');
        }
        if (sonuc == 'hatak'){
          $("#sonuc").html('<div role="alert" class="alert alert-danger alert-icon alert-icon-colored alert-dismissible"><div class="icon"><span class="mdi mdi-close-circle-o"></span></div><div class="message"><button type="button" data-dismiss="alert" aria-label="Close" class="close"><span aria-hidden="true" class="mdi mdi-close"></span></button><strong>Hata!</strong> E-posta yada telefon başka bir üye tarafından kullanılmakta.</div></div>');
        }
        if(sonuc == 'error'){
          $("#mod-error").modal('show');
          setTimeout(function() { location.reload() },4000);
        }
        if (sonuc == 'hata'){
          $("#sonuc").html('<div role="alert" class="alert alert-danger alert-icon alert-icon-colored alert-dismissible"><div class="icon"><span class="mdi mdi-close-circle-o"></span></div><div class="message"><button type="button" data-dismiss="alert" aria-label="Close" class="close"><span aria-hidden="true" class="mdi mdi-close"></span></button><strong>Hata!</strong> Geçerli bir e-posta ve telefon numarası giriniz.</div></div>');
          }
          }
      });
    }
    </script>

Answer 1

You have to tell your form if it needs to be submitted or not.

<form onSubmit="uyem()"></form>

function uyem() {
    $.ajax({});

    return false;
}

---

Returning false means do not submit form, while true means do submit.