gpt4 book ai didi

javascript - 显示一个简单的 javascript onSubmit 处理程序

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:28:27 26 4
gpt4 key购买 nike

大家好我正在研究这个

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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>Form</title>
<script type="text/javascript">
</script>
</head>
<body>
<h2>**Form**</h2>
<form name=form method="post" action="javascript" subject=RSVP" enctype="text/plain" >
<input type=text name="first" size="20"> First Name<BR>
<input type=text name="last" size="20"> Last Name<BR>
<input type="text" name="email" size="20"> E-Mail<BR><BR>
<input type="submit" value="Submit">
<input type="reset" value="Clear Form"><br>
</form>
</body>
</html>

我在这里真的很困惑。我需要一个 onsubmit 表单处理程序和一个创建验证脚本。现在好了,如果我是对的,验证脚本就是需要放置的函数吗?抱歉,我知道你们中的一些人可能认为这很容易,但我仍在学习。现在我的书中有例子,但它们一次只到期一个。有没有一种方法可以一次提交所有内容,还是必须一次提交一个?谢谢

好的,我正在处理这个..

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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>Form</title>
<script type="text/javascript">
<!--
function validate_form()
{
valid = true;

if ( document.contact_form.contact_first.value == "" )
{
alert ( "Please fill in the 'Your Name' box." );
valid = false;
}

return valid;
}

//-->

</script>
</head>
<body>
<h2>**Form**</h2>
<form name="contact_form" method="post" action="javascript" onSubmit="return validate_form();">
<input type=text name="contact_first" size="20"> First Name<BR>
<input type=text name="contact_last" size="20"> Last Name<BR>
<input type="text" name="contact_email" size="20"> E-Mail<BR><BR>
<input type="submit" value="Submit">
<input type="reset" value="Clear Form"><br>
</form>



</body>

</html>

现在我可以只复制其他两个的功能吗?或者我如何为电子邮件做一个?

最佳答案

我在这里添加了一个示例来说明如何操作:

http://jsfiddle.net/tomgrohl/JMkAP/

我在表单中添加了一个 onsubmit 处理程序:

<form method="post" action="javascript" enctype="text/plain" onsubmit="return valForm(this);">

并在页面顶部添加了一个简单的验证函数:

<script type="text/javascript">
function valForm( form ){

var firstVal, lastVal, emailVal, error = '';

firstVal= form.first.value;
lastVal= form.last.value;
emailVal= form.email.value;

//OR
//firstVal= document.getElementById('first').value;
//lastVal= document.getElementById('last').value;
//emailVal= document.getElementById('email').value;

if( firstVal.length == 0){
error += 'First name is required\n';
}

if( lastVal.length == 0){
error += 'Last name is required\n';
}

if( emailVal.length == 0){
error += 'Email is required\n';
}

if( error ){
alert( error );
return false;
}

return true;
}
</script>

关于javascript - 显示一个简单的 javascript onSubmit 处理程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5897360/

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