0
jquery를 사용하여 폼 유효성 검사를하려고합니다. 기본적으로 사용자가 원하는 필드를 비워두면 메시지가 다음 필드에 표시되어 사용자에게 필드가 비어 있음을 알립니다. 어쩌면 (AJAX를 사용하여)이 같은jquery form validtion 빈 필드
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>formulier</title>
<style type="text/css">
form span{
color:red;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).on("ready", loaded);
function loaded(){
console.log("loaded");
$('#naam').blur(validate);
$('#accept').change(checkbox);
}
function validate()
{
console.log("validate");
var lengte= $("#naamveld #postcodeveld #huisnummerveld").val();
console.log(lengte);
if ($(this) !== '')
{
$(".foutmelding1").text("Required")
}
else{
$(".foutmelding1").text("Go on")
}
}
function checkbox(){
if($('input[type=textbox]').is(':checked')){
console.log('checked');
$('button').removeAttr("disabled");
}
else{
console.log('not checked');
$('button').attr("disabled", "disabled");
}
}
</script>
</head>
<body>
<form action="#" 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 class="foutmelding"> </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 class="foutmelding"> </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 class="foutmelding"> </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>
</body>
, 왜 당신이 [중 하나를 사용하지 않는 내가 지금까지했던 것은 이것이다 이용 가능하고 검증 된 많은 유효성 검증 라이브러리] (https://www.google.com.au/webhp?hl=en&btnG=Google+Search#hl=en&gs_nf=1&cp=19&gs_id=3f&xhr=t&q=jquery+validation+library&pf=p&biw = 1876 & bih = 963 & sclient = psy-ab & oq = jquery + 검증 + l & gs_l = & pbx = 1 & bav = on.2, 또는 .r_gc.r_pw.r_qf., cf.osb & fp = 38d0ddbb4033f53a) 사용할 수 있습니까? –
그래서 문제가 무엇입니까? – Unknown
이것은 과제물이므로 처음부터 다시해야합니다. –