Question

我有这个link如果您点击提交而不填写任何字段，则会获得三次验证，但我没有包含js文件，所以这是来自

以下是所有HTML

<div class="content">
<div class="page row nobor">
        <div class="three_col wide row">    
            <div class="title">
            </div>
            <div class="column">
                <h2>email sign up</h2>                      
                <div class="inner">
                    <form method="post" action="/signup_complete" id="signup_form"> 
                        <p>
                            stuff
                        </p>
                        <p class="row">
                            <label>First Name <span class="req">*</span></label>

                            <input type="text" id="first_name" name="first_name"  required="true">
                        </p>
                        <p class="row">
                            <label>Last Name <span class="req">*</span></label>
                            <input type="text" id="last_name" name="last_name"  required="true">
                        </p>
                        <p class="row">
                            <label>Email <span class="req">*</span></label>

                            <input type="text" message="Please provide your email address." required="true" value="" name="email">

                        </p>                            
                        <p class="row nopad nomarg"><input type="submit" value="submit" class="sub_fbut submit" name="submit"></p>
                        <div class="clear"></div>
                    </form>

                </div>
            </div>
        </div>
    </div>

基本上我需要添加更多验证，不允许少于3个字母，但我不知道它来自何处以及如何改变...想法？

Answer 1

这来自HTML5浏览器功能。这意味着此验证仅适用于支持验证属性（如“必需”）的现代浏览器，请查看一些示例here。

如果您想要符合浏览器标准的验证，我建议this plug in。记住人们可以禁用JS，这样如果您有敏感数据验证服务器端。

Answer 2

从required="true"标签中移除<input>以取消验证。

Answer 3

如果您单击“提交”而未填写任何字段，则会获得三个字段验证，但我没有包含js文件，所以这是在哪里从

您好像在这里使用HTML5表单代码。

它使用required="true"或required

HTML5浏览器正确地解释了这一点。

了解详情：http://diveintohtml5.ep.io/forms.html#required

基本上我需要添加更多验证，不允许少于3 信件，但我不知道这是从哪里来的，我怎么做改变

如果你需要一些简单的验证，你可以做这样的事情

$('#first_name').blur(function(){
    if($(this).val().length < '3'){
        alert('You must enter three characters');   
    }
});

示例： http://jsfiddle.net/jasongennaro/ZEjEq/

这只是一个例子。您可以在submit()上执行此类操作。

此外，您还应该在服务器端验证内容。只是为了确定！

来自此文件的验证在哪里？

3 个答案: