gpt4 book ai didi

javascript - 使用 Javascript 验证输入表单

转载 作者:可可西里 更新时间:2023-11-01 14:56:21 26 4
gpt4 key购买 nike

我做错了什么导致表单验证停止了吗?当未单击复选框时,我似乎无法验证它。

我们将不胜感激。

<html>
<head>
<script type="text/javascript">

function validateTerms(){
valid = true;
if ( document.application-form.terms.checked == false ){
alert ( "Please accept the terms" );
valid = false;
}
return valid;
}
</script>
</head>

<body>

<form id="application-form" name="application-form" method="post" action=""><br />
<p><input type="checkbox" name="terms" value="terms" /><b> I have read the <a href="terms.php">Terms</a> *</b>. </p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="Submit Application" onsubmit="return validateTerms()">
<input type="reset" value ="Clear Form" onClick="return confirm('Are you sure you want to reset the form?')">
</form>
</body>
</html>

最佳答案

输入按钮没有onsubmit 事件,使用onclick 代替。还有其他问题,例如选择错误等,已解决。见下文

在这里查看工作演示 http://jsfiddle.net/ZHfX7/

<html>
<head>

</head>

<body>

<form id="application-form" name="application-form" method="post" action=""><br />
<p><input type="checkbox" id="terms" name="terms" value="terms" /><b> I have read the <a href="terms.php">Terms</a> *</b>. </p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="Submit Application" onclick="return validateTerms()">
<input type="reset" value ="Clear Form" onClick="return confirm('Are you sure you want to reset the form?')">
</form>
</body>
<script type="text/javascript">

function validateTerms(){
valid = true;
if ( !document.getElementById('terms').checked){
alert ( "Please accept the terms" );
valid = false;
}
return valid;
}
</script>
</html>

关于javascript - 使用 Javascript 验证输入表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7675518/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com