我想创建以下内容:
我这样做了:
<span>* Primary Phone:</span>
<input name="prim1" type="text" id="prim1" class="required">
<input name="prim2" type="text" id="prim2" class="required">
<input name="prim3" type="text" id="prim3" class="required">
但是我得到:
我想通过指定宽度使文本变小,但是它没有这样做。我还需要一种使用jquery对其进行验证的方法,如果它是一个单独的文本字段,我如何进行验证?
最佳答案
我不建议只在所有必需的字段上设置宽度,我相信您需要更新html以更好地反映您要传达的内容,而且我不一定在css中这样做,因为即使没有样式,这些数据也应该存在。我会这样做:
<span>* Primary Phone:</span>
<input name="prim1" type="text" id="prim1" size="3" class="required">
<input name="prim2" type="text" id="prim2" size="3" class="required">
<input name="prim3" type="text" id="prim3" size="4" class="required">
看看this为什么输入大小在字体大小通常不允许的情况下是可以接受的。
有关验证和防止无效字符的更多信息,我将使用内置掩蔽的JQuery Validation或自动缩写(如http://www.mathachew.com/sandbox/jquery-autotab/)。