2015-11-13 37 views
-2

我想讓我的表單上的提交按鈕,以便當用戶點擊它時,它會提出一個警告框告訴他們什麼他們沒有填寫(這將用JavaScript完成)我怎麼去做這個?如何製作自定義驗證JavaScript表單?

我想用「在&規模翻轉」從http://tympanus.net/Development/ModalWindowEffects/作爲自定義警告框(然後會彈出什麼用戶沒有填寫)

而且我想它,所以它會檢查用戶以正確的格式輸入正確的電子郵件,並且他們已經輸入了他們的名字(不應該包括數字)

謝謝。

+2

你可以先寫一些javascript。這不是免費的編程服務。要麼開始寫一些JavaScript,並嘗試某種形式或只是聘請開發人員。 – NewToJS

回答

0
<form id="myForm" method="post" action="/home"> // change the 'action' attribute to the link you want to post the form 
    <input type="text" id="inputArea" onfocus="myFunc()"> 
    <span id="error" class="hide">Please enter a value</span> 
    <button type="submit" id="myButton">Submit</button> 
</form> 

<script> 
function myFunc(){ 
    var input = document.getElementById('inputArea'); 
    var button = document.getElementById('myButton'); 
    var span = document.getElementById('error'); 
    if(input.value == ''){ 
     span.className = errorMessage; 
    } else if(input.value != ''){ 
     span.className = hide; 
    } 
} 
</script> 


    css: 


.hide {display:none;} 
.errorMessage {color:red;} 

你甚至可以通過使用正則表達式更具體的輸入,但這是一個不同的故事!