I do not want to set default input type submit in form [.net mvc]

Question

input name 'btnSaveScore' is clicked When keypress ENTER in TextBox.

I do not want to call 'btnSaveScore' when keypress ENTER in TextBox.

I guess that 'btnSaveScore' is a default button.

Can I set default button = false ?

//Code

 @using (Html.BeginForm("ScoreStudent", "Score", FormMethod.Post))
{
  ...
  ...
  ...
 <input name ="btnSaveScore" id="btnSaveScore" value="submit score" type="submit" /> 
}
//End Code

Help me please, Thank you.

possible duplicate of [Prevent Users from submitting form by hitting enter](http://stackoverflow.com/questions/895171/prevent-users-from-submitting-form-by-hitting-enter) — Raphaël Althaus, Aug 19 '13 at 09:18

James · Answer 1 · 2013-08-19T09:26:55.153

1

This isn't an MVC problem - this is a HTML issue. If your button isn't supposed to submit the form then don't use type="submit" use type="button" instead.

Alternatively you can solve it using JS

$("#form").keypress(function(e){
    return e.which != 13;
}

edited Aug 19 '13 at 09:26

answered Aug 19 '13 at 09:21

James

80,725
18
167
237

Akash KC · Answer 2 · 2013-08-19T09:35:19.913

1

Add onkeydown attribute in your textbox in following way:

onkeydown="if (event.keyCode == 13) return false;"

Your textbox should be like this:

<input type="text" id="textboxId" onkeydown="if (event.keyCode == 13) return false;" />

edited Aug 19 '13 at 09:35

answered Aug 19 '13 at 09:26

Akash KC

16,057
6
39
59

score 0 · Answer 3 · answered Aug 19 '13 at 09:18

0

Try this

<input name ="btnSaveScore" id="btnSaveScore" value="submit score" type="submit" />

to

 <input name ="btnSaveScore" id="btnSaveScore" value="submit score" type="button" />

answered Aug 19 '13 at 09:18

Amit

15,217
8
46
68

score 0 · Answer 4 · answered Aug 20 '13 at 03:15

Thank you everyone. Code below is work for me

$('#textboxname').live("keypress", function (e) 
{ 
  if (e.keyCode == 13) 
  { 
       // do something 

       e.preventDefault(); 
       return false; 
  } 
});

and

@using (Html.BeginForm("ScoreStudent", "Score", FormMethod.Post)) 
{ 
 ... 
 ... 
 <input name ="btnSaveScore" id="btnSaveScore" value="submit score" type="submit" /> 
}

I do not want to set default input type submit in form [.net mvc]

4 Answers4