必要なフィールドはJavascript

Question

で働いていないこんにちは、

私は形で私の入力フィールドに「必要」を実装しようとしていますし、提出onclick-、それはサードパーティの関数を呼び出し、フォームを渡す機能へ進みますそれに。

「必須」は「onclick」では機能しませんが、それを回避する方法はありますか？

編集：私はクライアントがフォームデータを渡すように呼び出す理由は何もPHPまたはバックエンドがありません。

コード：ここで

<form id="signupform"> 
     <label for="name"> Name </label> 
     <input type= "text" id="name" name="name" required>   
     <label for="emailaddr"> Email </label> 
     <input type= "email" id="emailaddr" name="emailaddr" required> 
     <button type="submit" onclick="callclient()">Submit</button> 
</form> 

Answer 1

また、jQueryを使ってイベントを提出し、そのように、あなたの関数を実行キャプチャすることができます。

Here is a jsFiddle。

$(document).ready(function(){ 

    $('#signupform').on('submit', function(e){ 

     // Stop the form submission 
     e.preventDefault(); 

     callClient(); 

    }) 
}) 

function callClient(){ 
    alert('client called.'); 
} 

Answer 2

はをonSubmitを使用して、スニペットです。

デフォルトのサブミットが呼び出されないようにfalseが返されます。これは、あなたのバージョンでは機能していないと思われる理由です。

function callclient() { 
 
    console.log('Client Called'); 
 
    return false; 
 
}

<form id="signupform" onsubmit="return callclient();"> 
 
     <label for="name"> Name </label> 
 
     <input type= "text" id="name" name="name" required>   
 
     <label for="emailaddr"> Email </label> 
 
     <input type= "email" id="emailaddr" name="emailaddr" required> 
 
     <button type="submit">Submit</button> 
 
</form>