我在没有求助于php语句或javascript的情况下,试图找到一个解决方案时遇到了麻烦。这是因为这个想法看起来很简单,所以我非常确定一定有一种方法可以在不使用这两种方法的情况下做到这一点。
我有一张注册表,此表上的某些字段是必需的。但我有点进退两难,因为我要求用户至少输入一个电话号码,以便在他们的订单出现问题时联系他们。
所以我有3个字段,“电话”,“手机”,“传真”
我想做的是,使它使用户必须输入一个电话,或手机号码,以完成表单。
但是,我想我的问题是...有没有可能以某种方式使用required属性来实现此效果?
以下是这些字段的html:
<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>在这方面的帮助,投入或建议将非常感谢,谢谢!
发布于 2012-01-05 01:30:08
不幸的是,required仅适用于单个字段,而不适用于字段组(即使它们具有相同的name),因此无法仅使用HTML5验证来实现这一点。
演示:http://jsfiddle.net/ka7kC/
无论如何,你不应该依赖客户端验证,你也必须在服务器端验证。此外,并不是所有的浏览器都支持HTML5验证。
如果你使用的是jQuery,我建议你在客户端使用久经考验的验证插件:
https://stackoverflow.com/questions/8731182
复制相似问题