представление Формы контролируется функцией

Question

Я кнопка тока заполните в моем коде

<form role="form" action="" method="POST"> 
    ... 
    <div class="box-footer"> 
     <button type="submit" onsubmit="submitForm()" class="btn btn-primary">Save</button> 
    </div> 
    ... 

@section('footer_js') 
    <script> 
     function submitForm() {return false;}; 
    </script> 
@endsection 

, и я хотел бы, чтобы контролировать эффективное представление данных при прохождении через SubmitForm функции(). Код, который я вставил, не работает, так как представление всегда работает. Может быть, атрибут «onsubmit» не подходит для использования?

Answer 1

Один из подходов в вашей функции submitForm поместить e.preventDefault, чтобы предотвратить отправку формы на сервер. Это позволит вам затем сделать Javascript/передний конец проверки:

function submitForm(e) 
{ 
    e.preventDefault(); 

    //Get user Values 
    fname = $('#firstName').val(), 
    email= $('#email').val(), 

    if (validateName(fname) == true && validateEmail(email) == true) 
    { 

     $.ajax ({ 
     // you could then do an ajax call 


    } 


} 

// This function will return a true value 
// if your variable contains regex 
function validateName(myname) { 
    var re = /[a-z]/i; 
    return re.test(myname); 
} 

function validateEmail(myemail) { 
    var re = /[a-z]/i; 
    return re.test(email); 
} 

Если вы имели поле формы под названием Firstname и полевая форма называется LastName можно проверить значения, которые пользователь ввести против ваших критериев. Если в моем примере я проверяю, что вход пользователя находится между A-Z. Как только вы это сделаете, вы можете использовать ajax для отправки стороне сервера входа пользователя для дальнейшей проверки.