18910140161

HTML-如何使用JavaScript使用户输入匹配以进行表单验证-堆栈溢出

顺晟科技

2022-10-18 13:25:17

36

我见过类似的问题,但他们问的方式和我想问的不一样。

如何使用JavaScript来确保用户提供的电子邮件与我希望他们在用户点击提交按钮后提交表单之前提供的电子邮件相匹配?

阐述:

正确

的电子邮件地址badmansmo@gmail.com

我的表单输入占位符显示B.哦@..作为提示。

如果用户输入与badmansmo@gmail.com不匹配的电子邮件,我想让他们得到一个错误信息,表格不应该被提交。

如何使用JavaScript实现这一点?

请看下面我的代码。

<代码><;表单action=' ' method=' post ' enctype=“ multipart/form-data ”>;<;DIV类=' item '>;<;P>;<;B>;<;SPAN style=“ COLOR:RED;”>;电子邮件地址<;/SPAN>;<;/B>;<;SPAN CLASS=' REQUIRED '&>;*&>;/SPAN>;&<;/P>;<;input type=“ email ” name=“ email ” placeholder=“ ba**o@***.com ” required='/>;<;/DIV>;<;DIV类=' question '>;<;中心>;<;P>;隐私政策<;SPAN CLASS='必需'>;*<;/SPAN>;<;/P>;&;<;DIV Class='问题-答案复选框-项目'>;<;细分(>;)<;中心>;<;LABEL CLASS=' CHECK ' FOR=' CHECK_1 '>;<;SPAN>;提交此表单即表示您同意服务条款<;A href=' HTTPS://www.google.com/p/privacy-policy.HTML ' target=“_空白”>;隐私政策。<;/A>;<;/中心>;<;/DIV>;<;/DIV>;<;/DIV>;<;DIV类=' btn-block '>;<;居中>;<;按钮href='/' type=' submit ' ID=“ SubmitForm ”>;提交<;/按钮>;<;/center>;<;/DIV>;<;/form>;


顺晟科技:

如果我是正确的,你需要添加和改变一些东西,这样它才能工作。

首先,将“ ID ”属性添加到电子邮件输入字段,如下所示(以便我们稍后可以将表单链接到JavaScript代码):

<代码>输入类型=";电子邮件";名称=";电子邮件";placeholder=";ba**o@***.com";required=' ' ID=";电子邮件";/>;

然后,在页面的开头(和标记之间)添加以下脚本。此脚本比较输入的电子邮件,如果它们不匹配,则显示一条消息。

<代码><;脚本类型=";文本/JavaScript";>;功能检查_电子邮件(){var email=document.getElementById(";email";)。价值;if(email.localecompare(";badmansmo@gmail.com";)){警告(";错误。电子邮件不匹配。";);返回FALSE;}返回true;}

最后,将“ onSubmit ”属性添加到标记中,如下所示(如果检查电子邮件的函数返回false,则不会发送表单):

<代码><;表单操作=' '方法=' POST ' enctype=";多部分/表单数据";OnSubmit=";返回支票_电子邮件();";>;

我希望这对你有用:)

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航