首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML -表单,两个文本输入。必需的属性。如何,用户必须在两个字段中的任何一个字段中输入字符串才能提交?

HTML -表单,两个文本输入。必需的属性。如何,用户必须在两个字段中的任何一个字段中输入字符串才能提交?
EN

Stack Overflow用户
提问于 2012-01-05 01:26:54
回答 4查看 6.1K关注 0票数 3

我在没有求助于php语句或javascript的情况下,试图找到一个解决方案时遇到了麻烦。这是因为这个想法看起来很简单,所以我非常确定一定有一种方法可以在不使用这两种方法的情况下做到这一点。

我有一张注册表,此表上的某些字段是必需的。但我有点进退两难,因为我要求用户至少输入一个电话号码,以便在他们的订单出现问题时联系他们。

所以我有3个字段,“电话”,“手机”,“传真”

我想做的是,使它使用户必须输入一个电话,或手机号码,以完成表单。

但是,我想我的问题是...有没有可能以某种方式使用required属性来实现此效果?

以下是这些字段的html:

代码语言:javascript
运行
复制
<li>
<label for="phone">Phone:</label>
<input type="tel" name="phone" id="phone" value="'.htmlout($phone).'" required aria-required="true" placeholder="0317021101"title="Please enter your home or work number here. You must enter either a phone, or mobile number." maxlength="20"/>
</li>
<li>
<label for="mobile">Mobile:</label>
<input type="tel" name="mobile" id="mobile" value="'.htmlout($mobile).'" placeholder="0827564829" title="Please enter your mobile number here. You must enter either a mobile, or phone number." maxlength="20"/>
</li>

在这方面的帮助,投入或建议将非常感谢,谢谢!

EN

Stack Overflow用户

发布于 2012-01-05 01:30:08

不幸的是,required仅适用于单个字段,而不适用于字段组(即使它们具有相同的name),因此无法仅使用HTML5验证来实现这一点。

演示:http://jsfiddle.net/ka7kC/

无论如何,你不应该依赖客户端验证,你也必须在服务器端验证。此外,并不是所有的浏览器都支持HTML5验证。

如果你使用的是jQuery,我建议你在客户端使用久经考验的验证插件:

  • http://bassistance.de/jquery-plugins/jquery-plugin-validation/
票数 2
EN
查看全部 4 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8731182

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档