dpii73380 2015-11-25 13:48
浏览 253
已采纳

JavaScript验证 - document.getElementById在Bootstrap模式中不起作用

I am using an onSubmit() function to validate form entries.

The form and validation function work OK,if the form is in a standalone php file or an html file.

But when the form is embedded in a Bootstrap modal the JS validation function throws an error message. [object HTMLInputElement]

I have tried changing document.getElementById('uemail') to document.getElementById('uemail').value as recommended in another answer, but no value has apparently been passed to the function.

If I remove the onSubmit() attribute then the values are passed correctly to the action script on the server.

This must be common usage. What am I doing wrong?

This is an abbreviated section of my code:

<script>
function formCheck() {
    var valid = true;
    //alert('in function');
    var email = document.getElementById('uemail');
    alert('email:' + email);
    var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (!filter.test(email)) {
        alert('Please provide a valid email address');
        email.focus;
        valid = false;
    }
    return valid;
}
</script>


<form id="regform" action="action.php" method="post" onSubmit="return formCheck()">
    Email: <input type="text" name="uemail" id="uemail" size="50" value="" required><span id ="ast">*</span><br>
    <input type="submit" name="Submit" value="Register" />
</form>
  • 写回答

1条回答 默认 最新

  • dongqianwei6664 2015-11-25 13:50
    关注

    EDIT: looks like you can't do document.getElementById, you can do this instead:

    function formCheck(formEl) {
        //...
        var email = formEl.getElementsByTagName("input")[0].value;
        // this will get the first input-element in your form
    

    and

    onsubmit="return formCheck(this)"
    

    Mistake: The variable email you are testing is a HTMLElement, not a string:

    enter image description here

    Solution: set email to the value of the HTMLInputElement:

    var email = document.getElementById('uemail').value;
    

    also email.focus; is not doing anything, use email.focus();

    Demo:

    function formCheck() {
      var valid = true;
      //alert('in function');
      var email = document.getElementById('uemail').value;
      alert('email:' + email);
      var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
      if (!filter.test(email)) {
        alert('Please provide a valid email address');
        email.focus;
        valid = false;
      }
      return valid;
    }
    <form id="regform" action="action.php" method="post" onsubmit="alert(formCheck())">
      Email:
      <input type="text" name="uemail" id="uemail" size="50" value="" required><span id="ast">*</span>
      <br>
      <input type="submit" name="Submit" value="Register" />
    </form>

    </div>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥20 怎么在stm32门禁成品上增加记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app