Question

我正在制作简单的网站制作文本框和按钮。虽然点击按钮错误应该给出＆＃34;文本框值不能为空＆＃34;。我试过很多网站，但我的问题还没有解决。一个重要的事情是提到这个按钮和文本框没有包含在表单中。

<input id="AccountText" type="text" name="AccountText" 
       class="form-control" placeholder="Name" required=''/>

<input id="AddAccount" type="button" class="btn btn-primary" value="Save"  />

我已经尝试过controltovalidation但它也不适用于我。

Answer 1

试试这个。应该可以帮助你开始。

<强> HTML

<input id="AccountText" type="text" name="AccountText" value="" class="form-control" placeholder="Name" required=''/>

//submit button
<input class="button" type="submit" value="submit">

<强> JQUERY

基础知识：当用户单击提交按钮（使用.click()函数）时，jquery会检查输入值是否为空（使用.val()获取输入值。）如果是清空消息（使用alert()）提示用户填写字段

$(document).ready(function(){
   $('.button').click(function(){
        if ($('#AccountText').val() == ""){
            alert('Please complete the field');
        }
    });
});

示例：http://jsfiddle.net/ggChris/mfbaxkfp/

Answer 2

试试这个：

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

<input id="AccountText" type="text" name="AccountText" 
       class="form-control" placeholder="Name" required=''/>

<input id="AddAccount" type="button" class="btn btn-primary" value="Save"  />
<script>
$(document).ready(function() { 
    $('#AddAccount').click(function() {
        if (!$.trim($('#AccountText').val())) {
            alert("textbox value can't be empty");
        }
    });
});
</script>

Answer 3

如果您使用的是Web表单，则可以使用ASP.Net validation controls。您的标记将如下所示：

<asp:TextBox ID="AccountText" runat="server" CssClass="form-control" placeholder="Name" />

<asp:RequiredFieldValidator ID="AccountTextValidator" runat="server" 
    ControlToValidate="AccountText"
    Text="Textbox value can't be empty"
    />

<asp:Button ID="AddAccount" runat="server" Text="Save" CssClass="btn btn-primary" />

Answer 4

试试这个：

Jquery参考：

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

HTML：

<input id="AccountText" type="text" name="AccountText" class="form-control" placeholder="Name" required='' />

Jquery：

$(document).ready(function () {
$('#AddAccount').click(function () {

    var inVal = $("#AccountText").val();

    if (inVal.length == 0) {
        alert("textbox value can't be empty");
        $("#AccountText").focus();
    }
});

}）;

演示： Click here

Answer 5

您可以尝试以下方法之一：

1）make required =＆＃39; true＆＃39; 2）如果文本框中有一些特定的要输入的文本类型，您还可以放置正则表达式模式。 3）您可以在脚本中使用它：

<script>
    $(document).ready(function() { 
        $('#AddAccount').click(function() {
            if (!$.trim($('#AccountText').val())) {
                alert("Please enter the text");
            }
        });
    });
    </script>

单击按钮时的文本框验证

5 个答案: