Question

该代码是否正确？ 我不知道该函数是否也是真的或者是什么，是否必须将该函数代码放在脚本部分

    <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>

Answer 1

使用最简单的HTML5属性。

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

Answer 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/

Answer 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

javascript如何确保用户在用户名框中输入文本

3 个答案: