javascript如何确保用户在用户名框中输入文本[重复]答案

【问题标题】：javascript how to make sure that the user input a text in username box [duplicate]javascript如何确保用户在用户名框中输入文本[重复]
【发布时间】：2013-11-29 08:50:59
【问题描述】：

那个代码对吗？ 我不知道该函数是否也正确或什么以及是否必须将该函数代码放在脚本部分中

    <script>
 function2(un)
 {
   if (typeof un == "undefined")
   alert("enter text");
 }
</script>

<form>
 Username:
 <input type="text" name="username"/>
 <br/>
 <input type="submit" value="Submit"onclick="function2(username)"/>
</form>

【问题讨论】：

您是要检查您的用户名字段是否为空，还是要检查任何特定要求..
两者，我想知道用户名是否为空，并检查另一个电子邮件的形式

标签： javascript

【解决方案1】：

使用最简单的 HTML5 属性。

<input type="text" name="username" required />

【讨论】：

【解决方案2】：

使用 jQuery。

HTML：

<form>Username:
  <input type="text" name="username" id="username" />
  <input type="submit" value="Submit" id="submit" />
  <span id="out"></span>
</form>

JavaScript：

$("#submit").on("click", function (event) {
    event.preventDefault();
    if ($("#username").val()) {
        $("#out").text($("#username").val());
    } else {
        alert("enter username");
    }
});

http://jsfiddle.net/

【讨论】：

【解决方案3】：

守则

<form>
    <input type="text" id="username"/>
    <input type="button" id="btn" value="Submit"/>
</form>

脚本：

$('#btn').on('click',function(){
    var uname = $('#username').val();
    if(uname.length == 0){
        alert('empty');
    }
    else if(valid_email(uname)!=true){
        alert('invalid_email');
    }
    else{
        alert('validated');
    }
});

function valid_email(email){
    var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return reg.test(email);
}

这是链接 The Code

【讨论】：