具有树遍历的jquery表单
我得到了这个学校的任务来制作这个表格。如果没有，则必须填充*标记。消息显示您必须填充它（必须是红色）。这就是全部。 别对我苛刻具有树遍历的jquery表单,jquery,forms,tree-traversal,Jquery,Forms,Tree Traversal,我得到了这个学校的任务来制作这个表格。如果没有，则必须填充*标记。消息显示您必须填充它（必须是红色）。这就是全部。 别对我苛刻 </style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(document)
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).on("ready", geladen);
function geladen(){
console.log("geladen");
// zodra een veld verlaten wordt moet gecontrolleerd worden
}
function controlleerVerplicht(event){
// controlleer of er niets is ingevuld
if ( $('input*').val().length < 1 ){
$("*").css("border", "2px solid red").next().text("Dit veld is verplicht");
}
else ($("*").css("border", "2px solid green").next().text("Het is succesvol gedaan"));
// en zet in dat geval de tekst "Dit veld is verplicht" in de span in dezelfde paragraaf
}
function checkAcceptatie(){
console.log("check acceptatie");
if ($("input:checked").length==1){
$(":submit").removeAttr("disabled");
}
}
</script>
</head>
<body>
<form action="formulierverwerker.php" method="post">
<fieldset>
<legend>
NAW
</legend>
<p>
<label for="naamveld">Naam: *</label>
<label for="dhr">
<input type="radio" name="gender" value="m" id="dhr" />
dhr. </label>
<label for="mevr">
<input type="radio" name="gender" value="f" id="mevr" />
mevr. </label>
<input type="text" name="name" id="naamveld" class="verplicht" />
<span> </span>
</p>
<p>
<label for="straatveld">Straat:</label>
<input type="text" name="street" id="straatveld" />
<label for="straatveld">Huisnummer: *</label>
<input type="text" name="huisnummer" id="huisnummerveld" class="verplicht" />
<span> </span>
</p>
<p>
<label for="postcodeveld">Postcode: * </label>
<input type="text" name="zip" class="verplicht" id="postcodeveld" />
<label for="stadveld">Stad:</label>
<input type="text" name="city" class="verplicht" id="stadveld" />
<span> </span>
</p>
</fieldset>
<fieldset>
<legend>
Contact
</legend>
<p>
<label for="emailveld">Email:
<input type="text" name="email" id="emailveld" />
</label>
</p>
<p>
<label for="telefoonveld">Telefoon:
<input type="text" name="phone" id="telefoonveld" />
</label>
</p>
<p>
<button name="action" value="send" type="submit" >
Verstuur
</button>
</p>
</fieldset>
</form>
美元（文件）；
函数geladen（）{
控制台日志（“geladen”）；
//zodra和verlaten wordt moet Gecontrollered worden
}
功能控制器Verplicht（事件）{
//内特的控制人是英格沃尔德
if（$（'input*'）.val（）.length<1）{
$（“*”）.css（“边框”，“2px纯红色”）.next（）.text（“Dit veld为verplicht”）；
}
else（$（“*”）.css（“边框”，“2倍纯绿色”）.next（）.text（“Het is succesvol gedaan”）；
//在巴拉圭德泽尔夫德斯潘的“这一水平是很高的”一文中
}
函数检查可接受性（）{
控制台日志（“检查验收”）；
如果（$（“输入：选中”）。长度==1）{
$（“：提交”）.removeAttr（“禁用”）；
}
}
不
纳姆：*
dhr。
mevr。
斯特拉特：
Huissummer：*
邮政编码：*
斯塔德：
接触
电邮：
Telefoon：
维斯图尔
*required