JavaScriptで空の入力フィールドのフォーム検証を追加するにはどうすればよいですか？
JavaScriptを使用して空の入力フィールドのフォーム検証を追加するには、コードは次のとおりです-
例
<!DOCTYPE html>
<html>
<head></head>
<h1>JavaScript empty input field validation example</h1>
<form
name="Form1"
onsubmit="return emptyValidation()"
required>
Name: <input type="text" name="firstName" />
<input type="submit" value="Submit" />
</form>
<h2>Submit the form empty to see the validation performed</h2>
<script>
function emptyValidation() {
var formField = document.forms["Form1"]["firstName"].value;
if (formField == "" || x == null) {
alert("Name must be filled out");
return false;
}
}
</script>
</body>
</html> 出力
上記のコードは次の出力を生成します-
空のフォームを送信すると-
-
JavaScriptを使用してCSSルールをスタイルシートに追加する方法は？
insertRule（）は、スタイルシートの定義された位置にルールを追加するのに役立ちますが、deleteRule（）は特定のスタイルを削除します。 次の例は、JavaScriptを使用してスタイルシートに追加できるCSSルールを示しています。 例 <!DOCTYPE html> <html> <head> <style type="text/css" id="custom"> body { background-color: silver; } </style> &
-
CSSを使用して全幅画像にフォームを追加するにはどうすればよいですか？
以下は、CSSを使用して全幅画像にフォームを追加するためのコードです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body, html { height: 100%; margin: 0; padding: 0; fon