Javascript/html/php自動錯誤檢查

我對HTML很陌生，我想知道是否有方法在表單上進行常量/即時錯誤檢查。Javascript/html/php自動錯誤檢查

因此，例如有一個用戶輸入用戶名。用戶名必須至少爲5個字符，但不得超過15個。如果用戶未輸入任何數據，則一旦用戶輸入5-15個字符，屏幕上將顯示錯誤（不是彈出窗口），錯誤將消失。

我想知道如何才能做到這一點，而不必讓用戶每次點擊提交檢查表單的錯誤。我可以使用JavaScript（因爲這是我用來做其他錯誤檢查）在某種程度上，我寧願不使用PHP，但如果有必要完成這一點，我會。

所以我想知道在哪裏有人可以指出我在正確的方向，以閱讀這個或提供給我的功能，以便讓它自動檢測錯誤。

如果您有任何問題或需要更多信息，請告訴我！我會盡我所能提供。對不起，如果它有點模棱兩可。

http://imgur.com/a/d9n5X

我什麼它可能看起來像提供的圖像。所以第一張圖片出現錯誤，因爲它不符合5-15個字符的要求。第二張圖片適合它，所以錯誤消失。我希望這有幫助！

在此先感謝！

來源

2015-09-23 Burgermeat

當然可以，這就是所謂的表單驗證。看看這個鏈接：http://www.sitepoint.com/client-side-form-validation-html5/ – Saar

你可以用JS驗證。您可以使用onblur，當用戶離開輸入區時（如果地址正確）。但是你不應該只在服務器端信任數據，因爲它是經過驗證的客戶端，總是驗證服務器端。用戶可以繞過客戶端驗證。 – chris85

@Saar Wow這有助於很多...非常感謝！我想你可能已經救了我的屁股！ – Burgermeat

Data form validation將是實現這一目標的最佳方法。

<form> 
 
    <label> 
 
    Restricted Input 
 
    <input pattern=".{5,15}" required title="Value must be between 5 and 15 characters." /> 
 
    </label> 
 
    <label> 
 
    Unrestricted Input 
 
    <input /> 
 
    </label> 
 
    <input type="submit" value="Submit" /> 
 
</form>

來源

2015-09-23 20:03:36

Javascript/html/php自動錯誤檢查

回答

相關問題